Terma Snapshot Gallery

2026-01-27 23:20:58
281 passed
0 failed
Filter:
View:
Difference mode: black = identical, colored = different
TestSnapshot_Autocomplete_Hidden PASSED
Autocomplete with popup hidden, just shows input
Expected
hello
Actual
hello
Overlay: Expected + Actual
hello
hello
50%
Snapshot (no differences to highlight)
hello
TestSnapshot_Autocomplete_WithSuggestions PASSED
Autocomplete showing dropdown with 3 matching suggestions
Expected
he hello greeting help assistance helicopter
Actual
he hello greeting help assistance helicopter
Overlay: Expected + Actual
he hello greeting help assistance helicopter
he hello greeting help assistance helicopter
50%
Snapshot (no differences to highlight)
he hello greeting help assistance helicopter
second_selected PASSED
Autocomplete with second item (application) highlighted
Expected
app apple application appetite
Actual
app apple application appetite
Overlay: Expected + Actual
app apple application appetite
app apple application appetite
50%
Snapshot (no differences to highlight)
app apple application appetite
TestSnapshot_Autocomplete_EmptyResults PASSED
Autocomplete with no matching results - popup hidden
Expected
xyz
Actual
xyz
Overlay: Expected + Actual
xyz
xyz
50%
Snapshot (no differences to highlight)
xyz
TestSnapshot_Autocomplete_WithTrigger PASSED
Autocomplete with @ trigger showing matching usernames
Expected
Hello @jo john joe jordan
Actual
Hello @jo john joe jordan
Overlay: Expected + Actual
Hello @jo john joe jordan
Hello @jo john joe jordan
50%
Snapshot (no differences to highlight)
Hello @jo john joe jordan
TestSnapshot_Autocomplete_CustomRender PASSED
Autocomplete with custom icon and shortcut rendering
Expected
cmd
Actual
cmd
Overlay: Expected + Actual
cmd
cmd
50%
Snapshot (no differences to highlight)
cmd
TestSnapshot_Breadcrumbs_Basic PASSED
Breadcrumbs with three segments separated by >
Expected
Commands > File > Recent
Actual
Commands > File > Recent
Overlay: Expected + Actual
Commands > File > Recent
Commands > File > Recent
50%
Snapshot (no differences to highlight)
Commands > File > Recent
TestSnapshot_Checkbox_Unchecked_Unfocused PASSED
Unchecked checkbox with label in default Text color (unfocused)
Expected
[] ☐ Accept terms
Actual
[] ☐ Accept terms
Overlay: Expected + Actual
[] ☐ Accept terms
[] ☐ Accept terms
50%
Snapshot (no differences to highlight)
[] ☐ Accept terms
TestSnapshot_Checkbox_Checked_Unfocused PASSED
Checked checkbox with label in default Text color (unfocused)
Expected
[] ☑ Accept terms
Actual
[] ☑ Accept terms
Overlay: Expected + Actual
[] ☑ Accept terms
[] ☑ Accept terms
50%
Snapshot (no differences to highlight)
[] ☑ Accept terms
TestSnapshot_Checkbox_Unchecked_Focused PASSED
Unchecked checkbox with ActiveCursor background and SelectionText foreground
Expected
☐ Accept terms
Actual
☐ Accept terms
Overlay: Expected + Actual
☐ Accept terms
☐ Accept terms
50%
Snapshot (no differences to highlight)
☐ Accept terms
TestSnapshot_Checkbox_Checked_Focused PASSED
Checked checkbox with ActiveCursor background and SelectionText foreground
Expected
☑ Accept terms
Actual
☑ Accept terms
Overlay: Expected + Actual
☑ Accept terms
☑ Accept terms
50%
Snapshot (no differences to highlight)
☑ Accept terms
TestSnapshot_Checkbox_Unchecked_Disabled PASSED
Unchecked disabled checkbox with TextDisabled color
Expected
☐ Accept terms
Actual
☐ Accept terms
Overlay: Expected + Actual
☐ Accept terms
☐ Accept terms
50%
Snapshot (no differences to highlight)
☐ Accept terms
TestSnapshot_Checkbox_Checked_Disabled PASSED
Checked disabled checkbox with TextDisabled color
Expected
☑ Accept terms
Actual
☑ Accept terms
Overlay: Expected + Actual
☑ Accept terms
☑ Accept terms
50%
Snapshot (no differences to highlight)
☑ Accept terms
TestSnapshot_Checkbox_NoLabel PASSED
Checked checkbox indicator only, no label text
Expected
☑
Actual
☑
Overlay: Expected + Actual
☑
☑
50%
Snapshot (no differences to highlight)
☑
TestSnapshot_Checkbox_Unchecked_NoLabel PASSED
Unchecked checkbox indicator only, no label text
Expected
☐
Actual
☐
Overlay: Expected + Actual
☐
☐
50%
Snapshot (no differences to highlight)
☐
TestSnapshot_CommandPalette_Basic PASSED
Command palette with filter text, divider, disabled item, and hint widget
Expected
Commands o p Op en File Ctrl+O Open from disk Edit ───────────────────────────────────────────────────── C op y Ctrl+C
Actual
Commands o p Op en File Ctrl+O Open from disk Edit ───────────────────────────────────────────────────── C op y Ctrl+C
Overlay: Expected + Actual
Commands o p Op en File Ctrl+O Open from disk Edit ───────────────────────────────────────────────────── C op y Ctrl+C
Commands o p Op en File Ctrl+O Open from disk Edit ───────────────────────────────────────────────────── C op y Ctrl+C
50%
Snapshot (no differences to highlight)
Commands o p Op en File Ctrl+O Open from disk Edit ───────────────────────────────────────────────────── C op y Ctrl+C
TestSnapshot_CommandPalette_Nested PASSED
Nested command palette showing breadcrumbs and theme options
Expected
Commands > Theme T ype to search... Rose Pine Dracula
Actual
Commands > Theme T ype to search... Rose Pine Dracula
Overlay: Expected + Actual
Commands > Theme T ype to search... Rose Pine Dracula
Commands > Theme T ype to search... Rose Pine Dracula
50%
Snapshot (no differences to highlight)
Commands > Theme T ype to search... Rose Pine Dracula
TestSnapshot_CommandPalette_NoResults PASSED
Command palette showing empty state when no items match the filter
Expected
Commands z zz No results
Actual
Commands z zz No results
Overlay: Expected + Actual
Commands z zz No results
Commands z zz No results
50%
Snapshot (no differences to highlight)
Commands z zz No results
TestSnapshot_Dialog_WithTitleAndTwoButtons PASSED
Centered modal dialog with rounded border, title 'Confirm' at top-center. Body text 'Are you sure you want to proceed?'. Two buttons 'Cancel' and 'OK' right-aligned at bottom. Semi-transparent backdrop behind dialog.
Expected
╭───────────── Confirm ─────────────╮ │ │ │ Are you sure you want to proceed? │ │ │ │ [ Cancel ] [ OK ] │ │ │ ╰─────────────────────────────────────╯
Actual
╭───────────── Confirm ─────────────╮ │ │ │ Are you sure you want to proceed? │ │ │ │ [ Cancel ] [ OK ] │ │ │ ╰─────────────────────────────────────╯
Overlay: Expected + Actual
╭───────────── Confirm ─────────────╮ │ │ │ Are you sure you want to proceed? │ │ │ │ [ Cancel ] [ OK ] │ │ │ ╰─────────────────────────────────────╯
╭───────────── Confirm ─────────────╮ │ │ │ Are you sure you want to proceed? │ │ │ │ [ Cancel ] [ OK ] │ │ │ ╰─────────────────────────────────────╯
50%
Snapshot (no differences to highlight)
╭───────────── Confirm ─────────────╮ │ │ │ Are you sure you want to proceed? │ │ │ │ [ Cancel ] [ OK ] │ │ │ ╰─────────────────────────────────────╯
TestSnapshot_Dialog_WithoutTitle PASSED
Centered modal dialog with rounded border but NO title. Body text 'Something happened.'. Single 'OK' button right-aligned.
Expected
╭───────────────────────╮ │ │ │ Something happened. │ │ │ │ [ OK ] │ │ │ ╰───────────────────────╯
Actual
╭───────────────────────╮ │ │ │ Something happened. │ │ │ │ [ OK ] │ │ │ ╰───────────────────────╯
Overlay: Expected + Actual
╭───────────────────────╮ │ │ │ Something happened. │ │ │ │ [ OK ] │ │ │ ╰───────────────────────╯
╭───────────────────────╮ │ │ │ Something happened. │ │ │ │ [ OK ] │ │ │ ╰───────────────────────╯
50%
Snapshot (no differences to highlight)
╭───────────────────────╮ │ │ │ Something happened. │ │ │ │ [ OK ] │ │ │ ╰───────────────────────╯
TestSnapshot_Dialog_SingleButton PASSED
Centered modal dialog with title 'Info'. Body text 'Operation complete.'. Single 'Done' button right-aligned.
Expected
╭─────── Info ────────╮ │ │ │ Operation complete. │ │ │ │ [ Done ] │ │ │ ╰───────────────────────╯
Actual
╭─────── Info ────────╮ │ │ │ Operation complete. │ │ │ │ [ Done ] │ │ │ ╰───────────────────────╯
Overlay: Expected + Actual
╭─────── Info ────────╮ │ │ │ Operation complete. │ │ │ │ [ Done ] │ │ │ ╰───────────────────────╯
╭─────── Info ────────╮ │ │ │ Operation complete. │ │ │ │ [ Done ] │ │ │ ╰───────────────────────╯
50%
Snapshot (no differences to highlight)
╭─────── Info ────────╮ │ │ │ Operation complete. │ │ │ │ [ Done ] │ │ │ ╰───────────────────────╯
TestSnapshot_Dialog_VariantButtons PASSED
Centered modal dialog with title 'Delete Item'. Body text 'This action cannot be undone.'. Two buttons: 'Cancel' (default styling) and 'Delete' (error/red variant) right-aligned.
Expected
╭───────── Delete Item ─────────╮ │ │ │ This action cannot be undone. │ │ │ │ [ Cancel ] [ Delete ] │ │ │ ╰─────────────────────────────────╯
Actual
╭───────── Delete Item ─────────╮ │ │ │ This action cannot be undone. │ │ │ │ [ Cancel ] [ Delete ] │ │ │ ╰─────────────────────────────────╯
Overlay: Expected + Actual
╭───────── Delete Item ─────────╮ │ │ │ This action cannot be undone. │ │ │ │ [ Cancel ] [ Delete ] │ │ │ ╰─────────────────────────────────╯
╭───────── Delete Item ─────────╮ │ │ │ This action cannot be undone. │ │ │ │ [ Cancel ] [ Delete ] │ │ │ ╰─────────────────────────────────╯
50%
Snapshot (no differences to highlight)
╭───────── Delete Item ─────────╮ │ │ │ This action cannot be undone. │ │ │ │ [ Cancel ] [ Delete ] │ │ │ ╰─────────────────────────────────╯
TestSnapshot_List_Filter_Contains PASSED
Two items visible: 'Apple' and 'Apricot' with 'ap' highlighted in accent color
Expected
Ap ple Ap ricot
Actual
Ap ple Ap ricot
Overlay: Expected + Actual
Ap ple Ap ricot
Ap ple Ap ricot
50%
Snapshot (no differences to highlight)
Ap ple Ap ricot
TestSnapshot_List_Filter_CaseSensitive PASSED
Only 'Apple' visible (exact case match), lowercase 'apple' and uppercase 'APPLE' filtered out
Expected
Apple
Actual
Apple
Overlay: Expected + Actual
Apple
Apple
50%
Snapshot (no differences to highlight)
Apple
TestSnapshot_List_Filter_Fuzzy PASSED
One item visible: 'JavaScript' with fuzzy-matched characters 'J', 'S', 'c' highlighted
Expected
J ava Sc ript
Actual
J ava Sc ript
Overlay: Expected + Actual
J ava Sc ript
J ava Sc ript
50%
Snapshot (no differences to highlight)
J ava Sc ript
TestSnapshot_List_Filter_NoMatches PASSED
Empty list - no items match the query 'xyz'
Expected
Actual
Overlay: Expected + Actual
50%
Snapshot (no differences to highlight)
TestSnapshot_List_Filter_EmptyQuery PASSED
All three items visible - empty query shows unfiltered list
Expected
Apple Banana Cherry
Actual
Apple Banana Cherry
Overlay: Expected + Actual
Apple Banana Cherry
Apple Banana Cherry
50%
Snapshot (no differences to highlight)
Apple Banana Cherry
TestSnapshot_List_Filter_WithSelection PASSED
Two filtered items with cursor (▶) on 'Apple', both showing 'ap' highlighted
Expected
Ap ple Ap ricot
Actual
Ap ple Ap ricot
Overlay: Expected + Actual
Ap ple Ap ricot
Ap ple Ap ricot
50%
Snapshot (no differences to highlight)
Ap ple Ap ricot
TestSnapshot_List_Filter_CustomMatcher PASSED
Only 'First (100)' visible - custom matcher filters by Name field only
Expected
▶ First (100)
Actual
▶ First (100)
Overlay: Expected + Actual
▶ First (100)
▶ First (100)
50%
Snapshot (no differences to highlight)
▶ First (100)
TestSnapshot_List_Filter_Highlighting PASSED
Two items with 'ap' highlighted in accent color with underline on both 'Apple' and 'Apricot'
Expected
Ap ple Pie Ap ricot Tart
Actual
Ap ple Pie Ap ricot Tart
Overlay: Expected + Actual
Ap ple Pie Ap ricot Tart
Ap ple Pie Ap ricot Tart
50%
Snapshot (no differences to highlight)
Ap ple Pie Ap ricot Tart
TestSnapshot_Table_Filter_Contains PASSED
Two rows visible: Alice and Charlie, both with 'Engineer' highlighted in the role column
Expected
Alice Engineer NYC Charlie Engineer SF
Actual
Alice Engineer NYC Charlie Engineer SF
Overlay: Expected + Actual
Alice Engineer NYC Charlie Engineer SF
Alice Engineer NYC Charlie Engineer SF
50%
Snapshot (no differences to highlight)
Alice Engineer NYC Charlie Engineer SF
TestSnapshot_Table_Filter_CaseSensitive PASSED
Only first row visible with 'Alice' highlighted - case-sensitive match excludes 'ALICE' row
Expected
Alice alice@example.com
Actual
Alice alice@example.com
Overlay: Expected + Actual
Alice alice@example.com
Alice alice@example.com
50%
Snapshot (no differences to highlight)
Alice alice@example.com
TestSnapshot_Table_Filter_Fuzzy PASSED
One row visible: 'JavaScript' with fuzzy-matched characters 'J', 'S', 'c' highlighted
Expected
J ava Sc ript Frontend
Actual
J ava Sc ript Frontend
Overlay: Expected + Actual
J ava Sc ript Frontend
J ava Sc ript Frontend
50%
Snapshot (no differences to highlight)
J ava Sc ript Frontend
TestSnapshot_Table_Filter_NoMatches PASSED
Empty table - no rows match the query 'xyz'
Expected
Actual
Overlay: Expected + Actual
50%
Snapshot (no differences to highlight)
TestSnapshot_Table_Filter_EmptyQuery PASSED
All three rows visible - empty query shows unfiltered table
Expected
Alice Engineer Bob Designer Charlie Manager
Actual
Alice Engineer Bob Designer Charlie Manager
Overlay: Expected + Actual
Alice Engineer Bob Designer Charlie Manager
Alice Engineer Bob Designer Charlie Manager
50%
Snapshot (no differences to highlight)
Alice Engineer Bob Designer Charlie Manager
TestSnapshot_Table_Filter_WithSelection PASSED
Two filtered rows with Alice row highlighted (active), both showing 'Engineer' with match highlighting
Expected
Alice Engineer Charlie Engineer
Actual
Alice Engineer Charlie Engineer
Overlay: Expected + Actual
Alice Engineer Charlie Engineer
Alice Engineer Charlie Engineer
50%
Snapshot (no differences to highlight)
Alice Engineer Charlie Engineer
TestSnapshot_Table_Filter_WithHeaders PASSED
Header row visible (Name, Role, City) followed by two filtered data rows with 'Engineer' highlighted
Expected
Name Role City Alice Engineer NYC Charlie Engineer SF
Actual
Name Role City Alice Engineer NYC Charlie Engineer SF
Overlay: Expected + Actual
Name Role City Alice Engineer NYC Charlie Engineer SF
Name Role City Alice Engineer NYC Charlie Engineer SF
50%
Snapshot (no differences to highlight)
Name Role City Alice Engineer NYC Charlie Engineer SF
TestSnapshot_Table_Filter_CustomMatcher PASSED
Only Alice row visible - custom renderer shows plain text without highlighting
Expected
Alice 30
Actual
Alice 30
Overlay: Expected + Actual
Alice 30
Alice 30
50%
Snapshot (no differences to highlight)
Alice 30
TestSnapshot_Table_Filter_Highlighting PASSED
Two rows visible with 'ap' highlighted in accent color in first column of each row
Expected
Ap ple Inc Technology Ap ricot Co Food
Actual
Ap ple Inc Technology Ap ricot Co Food
Overlay: Expected + Actual
Ap ple Inc Technology Ap ricot Co Food
Ap ple Inc Technology Ap ricot Co Food
50%
Snapshot (no differences to highlight)
Ap ple Inc Technology Ap ricot Co Food
TestSnapshot_List_Filter_MultipleMatches PASSED
Two items visible with all occurrences of 'apple' highlighted (3x in first item, 1x in second)
Expected
apple apple apple apple pie
Actual
apple apple apple apple pie
Overlay: Expected + Actual
apple apple apple apple pie
apple apple apple apple pie
50%
Snapshot (no differences to highlight)
apple apple apple apple pie
TestSnapshot_Table_Filter_MatchAcrossCells PASSED
Two rows visible: Alice (NYC in city column) and NYC Admin (NYC in both name and city columns)
Expected
Alice Engineer NYC NYC Admin Manager NYC
Actual
Alice Engineer NYC NYC Admin Manager NYC
Overlay: Expected + Actual
Alice Engineer NYC NYC Admin Manager NYC
Alice Engineer NYC NYC Admin Manager NYC
50%
Snapshot (no differences to highlight)
Alice Engineer NYC NYC Admin Manager NYC
TestSnapshot_TextInput_Highlighting PASSED
TextInput with #world highlighted in blue bold.
Expected
h ello #world today
Actual
h ello #world today
Overlay: Expected + Actual
h ello #world today
h ello #world today
50%
Snapshot (no differences to highlight)
h ello #world today
TestSnapshot_TextInput_MultipleHighlights PASSED
TextInput with two hashtags highlighted in orange italic.
Expected
c heck #tag1 and #tag2 now
Actual
c heck #tag1 and #tag2 now
Overlay: Expected + Actual
c heck #tag1 and #tag2 now
c heck #tag1 and #tag2 now
50%
Snapshot (no differences to highlight)
c heck #tag1 and #tag2 now
TestSnapshot_TextInput_HighlightWithScroll PASSED
TextInput scrolled right with highlight partially/fully visible.
Expected
ed suffix text
Actual
ed suffix text
Overlay: Expected + Actual
ed suffix text
ed suffix text
50%
Snapshot (no differences to highlight)
ed suffix text
TestSnapshot_TextInput_HighlightAtCursor PASSED
TextInput with cursor on highlighted text. Cursor (reverse) takes precedence over highlight.
Expected
hello #t a g world
Actual
hello #t a g world
Overlay: Expected + Actual
hello #t a g world
hello #t a g world
50%
Snapshot (no differences to highlight)
hello #t a g world
TestSnapshot_TextArea_Highlighting PASSED
TextArea with #world and #test highlighted in blue bold.
Expected
h ello #world this is a #test
Actual
h ello #world this is a #test
Overlay: Expected + Actual
h ello #world this is a #test
h ello #world this is a #test
50%
Snapshot (no differences to highlight)
h ello #world this is a #test
TestSnapshot_TextArea_LineHighlight PASSED
TextArea with line 1 highlighted with blue background.
Expected
l ine 0 line 1 line 2 line 3
Actual
l ine 0 line 1 line 2 line 3
Overlay: Expected + Actual
l ine 0 line 1 line 2 line 3
l ine 0 line 1 line 2 line 3
50%
Snapshot (no differences to highlight)
l ine 0 line 1 line 2 line 3
TestSnapshot_TextArea_LineHighlightRange PASSED
TextArea with lines 1-3 highlighted with red-ish background.
Expected
l ine 0 line 1 line 2 line 3 line 4
Actual
l ine 0 line 1 line 2 line 3 line 4
Overlay: Expected + Actual
l ine 0 line 1 line 2 line 3 line 4
l ine 0 line 1 line 2 line 3 line 4
50%
Snapshot (no differences to highlight)
l ine 0 line 1 line 2 line 3 line 4
TestSnapshot_TextArea_CombinedHighlights PASSED
TextArea with #tag text highlighted AND line 1 with red background (error line).
Expected
c heck #tag here error line normal line
Actual
c heck #tag here error line normal line
Overlay: Expected + Actual
c heck #tag here error line normal line
c heck #tag here error line normal line
50%
Snapshot (no differences to highlight)
c heck #tag here error line normal line
TestSnapshot_TextArea_HighlightWithSelection PASSED
TextArea with selection over highlighted text. Selection background takes precedence.
Expected
select #highlighted text
Actual
select #highlighted text
Overlay: Expected + Actual
select #highlighted text
select #highlighted text
50%
Snapshot (no differences to highlight)
select #highlighted text
TestSnapshot_TextArea_HighlightWithScroll PASSED
TextArea scrolled to show bottom lines with #tag highlighted.
Expected
line 2 #tag line 3 line 4
Actual
line 2 #tag line 3 line 4
Overlay: Expected + Actual
line 2 #tag line 3 line 4
line 2 #tag line 3 line 4
50%
Snapshot (no differences to highlight)
line 2 #tag line 3 line 4
TestSnapshot_TextArea_LineHighlightToEnd PASSED
TextArea with lines 2 onwards highlighted with green background (EndLine=-1).
Expected
l ine 0 line 1 line 2 line 3
Actual
l ine 0 line 1 line 2 line 3
Overlay: Expected + Actual
l ine 0 line 1 line 2 line 3
l ine 0 line 1 line 2 line 3
50%
Snapshot (no differences to highlight)
l ine 0 line 1 line 2 line 3
TestSnapshot_ScrollableList_ContentWidth PASSED
List items should not be truncated by scrollbar
Expected
Item 1 - Last char visible █ Item 2 - Last char visible █ Item 3 - Last char visible Item 4 - Last char visible Item 5 - Last char visible
Actual
Item 1 - Last char visible █ Item 2 - Last char visible █ Item 3 - Last char visible Item 4 - Last char visible Item 5 - Last char visible
Overlay: Expected + Actual
Item 1 - Last char visible █ Item 2 - Last char visible █ Item 3 - Last char visible Item 4 - Last char visible Item 5 - Last char visible
Item 1 - Last char visible █ Item 2 - Last char visible █ Item 3 - Last char visible Item 4 - Last char visible Item 5 - Last char visible
50%
Snapshot (no differences to highlight)
Item 1 - Last char visible █ Item 2 - Last char visible █ Item 3 - Last char visible Item 4 - Last char visible Item 5 - Last char visible
TestSnapshot_Menu_Basic PASSED
Menu with active 'Open' item, shortcut alignment, titled divider, disabled 'Export', and 'Recent' submenu indicator.
Expected
Open Ctrl+O Save As Ctrl+Shift+S Export ────────────── Export Recent ▸
Actual
Open Ctrl+O Save As Ctrl+Shift+S Export ────────────── Export Recent ▸
Overlay: Expected + Actual
Open Ctrl+O Save As Ctrl+Shift+S Export ────────────── Export Recent ▸
Open Ctrl+O Save As Ctrl+Shift+S Export ────────────── Export Recent ▸
50%
Snapshot (no differences to highlight)
Open Ctrl+O Save As Ctrl+Shift+S Export ────────────── Export Recent ▸
TestSnapshot_Menu_Submenu PASSED
Menu with 'Edit' submenu open to the right. Parent menu shows active item and submenu arrow.
Expected
File ▸ Edit ▸ Cut Help Copy Paste
Actual
File ▸ Edit ▸ Cut Help Copy Paste
Overlay: Expected + Actual
File ▸ Edit ▸ Cut Help Copy Paste
File ▸ Edit ▸ Cut Help Copy Paste
50%
Snapshot (no differences to highlight)
File ▸ Edit ▸ Cut Help Copy Paste
TestSnapshot_Text_PlainContent PASSED
White 'Hello, World!!' text at top-left. Width auto-sized to 14 characters.
Expected
Hello, World!!
Actual
Hello, World!!
Overlay: Expected + Actual
Hello, World!!
Hello, World!!
50%
Snapshot (no differences to highlight)
Hello, World!!
TestSnapshot_Text_RichSpans PASSED
Rich text: 'Bold' in bold, ' and ' in normal, 'Italic' in italic. All white on black, single line.
Expected
Bold and Italic
Actual
Bold and Italic
Overlay: Expected + Actual
Bold and Italic
Bold and Italic
50%
Snapshot (no differences to highlight)
Bold and Italic
TestSnapshot_Text_WrapNone PASSED
Long text extends beyond 20-cell boundary, no wrapping. Only first 20 characters visible: 'This is a very long '.
Expected
This is a very long
Actual
This is a very long
Overlay: Expected + Actual
This is a very long
This is a very long
50%
Snapshot (no differences to highlight)
This is a very long
TestSnapshot_Text_WrapSoft PASSED
Text wraps at word boundaries within 15-cell width. Multiple lines, words not broken mid-word.
Expected
This is a line that should wrap at word boundaries
Actual
This is a line that should wrap at word boundaries
Overlay: Expected + Actual
This is a line that should wrap at word boundaries
This is a line that should wrap at word boundaries
50%
Snapshot (no differences to highlight)
This is a line that should wrap at word boundaries
TestSnapshot_Text_WrapHard PASSED
Long word broken at exactly 10 characters per line. Word split mid-character across multiple lines.
Expected
Supercalif ragilistic expialidoc ious
Actual
Supercalif ragilistic expialidoc ious
Overlay: Expected + Actual
Supercalif ragilistic expialidoc ious
Supercalif ragilistic expialidoc ious
50%
Snapshot (no differences to highlight)
Supercalif ragilistic expialidoc ious
TestSnapshot_Text_BoldItalicUnderline PASSED
Three text rows showing style variations. 'Bold' in bold on row 1, 'Italic' in italic on row 2, 'Underline' underlined on row 3.
Expected
Bold Italic Underline
Actual
Bold Italic Underline
Overlay: Expected + Actual
Bold Italic Underline
Bold Italic Underline
50%
Snapshot (no differences to highlight)
Bold Italic Underline
TestSnapshot_Text_WithBackground PASSED
White 'Highlighted' text on purple/blue background. Background extends to text width only.
Expected
Highlighted
Actual
Highlighted
Overlay: Expected + Actual
Highlighted
Highlighted
50%
Snapshot (no differences to highlight)
Highlighted
TestSnapshot_Text_Multiline PASSED
Three lines of text from explicit newlines. 'Line 1' on row 1, 'Line 2' on row 2, 'Line 3' on row 3.
Expected
Line 1 Line 2 Line 3
Actual
Line 1 Line 2 Line 3
Overlay: Expected + Actual
Line 1 Line 2 Line 3
Line 1 Line 2 Line 3
50%
Snapshot (no differences to highlight)
Line 1 Line 2 Line 3
TestSnapshot_Text_WithForegroundColor PASSED
Red/pink 'Colored' text on black background. Text color is RGB(255,100,100).
Expected
Colored
Actual
Colored
Overlay: Expected + Actual
Colored
Colored
50%
Snapshot (no differences to highlight)
Colored
TestSnapshot_Text_AlignLeft PASSED
Text 'Left' aligned to the left edge within 20-cell width. Default alignment behavior.
Expected
Left
Actual
Left
Overlay: Expected + Actual
Left
Left
50%
Snapshot (no differences to highlight)
Left
TestSnapshot_Text_AlignCenter PASSED
Text 'Center' horizontally centered within 20-cell width. Equal spacing on both sides.
Expected
Center
Actual
Center
Overlay: Expected + Actual
Center
Center
50%
Snapshot (no differences to highlight)
Center
TestSnapshot_Text_AlignRight PASSED
Text 'Right' aligned to the right edge within 20-cell width. Text starts at column 15.
Expected
Right
Actual
Right
Overlay: Expected + Actual
Right
Right
50%
Snapshot (no differences to highlight)
Right
TestSnapshot_Text_AlignCenter_Multiline PASSED
Three centered lines. Each line independently centered within 20-cell width.
Expected
Line 1 Longer Line 2 L3
Actual
Line 1 Longer Line 2 L3
Overlay: Expected + Actual
Line 1 Longer Line 2 L3
Line 1 Longer Line 2 L3
50%
Snapshot (no differences to highlight)
Line 1 Longer Line 2 L3
TestSnapshot_Text_AlignRight_Multiline PASSED
Three right-aligned lines. Each line independently aligned to right edge.
Expected
Short Medium text A
Actual
Short Medium text A
Overlay: Expected + Actual
Short Medium text A
Short Medium text A
50%
Snapshot (no differences to highlight)
Short Medium text A
TestSnapshot_Text_AlignCenter_WithWrap PASSED
Text wraps at word boundaries, each wrapped line is centered within 15-cell width.
Expected
This is a line that wraps
Actual
This is a line that wraps
Overlay: Expected + Actual
This is a line that wraps
This is a line that wraps
50%
Snapshot (no differences to highlight)
This is a line that wraps
TestSnapshot_Text_AlignRight_WithWrap PASSED
Text wraps at word boundaries, each wrapped line is right-aligned within 12-cell width.
Expected
This text will wrap
Actual
This text will wrap
Overlay: Expected + Actual
This text will wrap
This text will wrap
50%
Snapshot (no differences to highlight)
This text will wrap
TestSnapshot_Text_AlignCenter_Spans PASSED
Rich text 'Bold text' centered. 'Bold' in bold style, ' text' in normal style.
Expected
Bold text
Actual
Bold text
Overlay: Expected + Actual
Bold text
Bold text
50%
Snapshot (no differences to highlight)
Bold text
TestSnapshot_Text_AlignRight_Spans PASSED
Rich text 'Right aligned' aligned to right edge. 'Right ' in italic, 'aligned' in normal.
Expected
Right aligned
Actual
Right aligned
Overlay: Expected + Actual
Right aligned
Right aligned
50%
Snapshot (no differences to highlight)
Right aligned
TestSnapshot_Button_DefaultState PASSED
Button with 'Click Me' label. Default styling, width auto-sized to label.
Expected
[ Click Me ]
Actual
[ Click Me ]
Overlay: Expected + Actual
[ Click Me ]
[ Click Me ]
50%
Snapshot (no differences to highlight)
[ Click Me ]
TestSnapshot_Button_CustomStyle PASSED
Button with 'Styled' label. White text on purple background (RGB 100,50,150).
Expected
[ Styled ]
Actual
[ Styled ]
Overlay: Expected + Actual
[ Styled ]
[ Styled ]
50%
Snapshot (no differences to highlight)
[ Styled ]
TestSnapshot_Button_WithWidth PASSED
Button 'Wide' with fixed 15-cell width. Label centered within the button area.
Expected
[ Wide ]
Actual
[ Wide ]
Overlay: Expected + Actual
[ Wide ]
[ Wide ]
50%
Snapshot (no differences to highlight)
[ Wide ]
TestSnapshot_List_SingleSelect PASSED
List with 3 items vertically stacked. First item 'Item 1' is active (highlighted). Items 2 and 3 below.
Expected
Item 1 Item 2 Item 3
Actual
Item 1 Item 2 Item 3
Overlay: Expected + Actual
Item 1 Item 2 Item 3
Item 1 Item 2 Item 3
50%
Snapshot (no differences to highlight)
Item 1 Item 2 Item 3
TestSnapshot_List_ActiveItem PASSED
List with 3 items. 'Second' (index 1) is active and highlighted. 'First' above, 'Third' below.
Expected
First Second Third
Actual
First Second Third
Overlay: Expected + Actual
First Second Third
First Second Third
50%
Snapshot (no differences to highlight)
First Second Third
TestSnapshot_List_Empty PASSED
Empty list with no items. Should render as empty space with no visible content.
Expected
Actual
Overlay: Expected + Actual
50%
Snapshot (no differences to highlight)
TestSnapshot_List_CustomRenderItem PASSED
List with custom render showing checkboxes. '[*] A' active on row 1, '[ ] B' and '[ ] C' below.
Expected
[*] A [ ] B [ ] C
Actual
[*] A [ ] B [ ] C
Overlay: Expected + Actual
[*] A [ ] B [ ] C
[*] A [ ] B [ ] C
50%
Snapshot (no differences to highlight)
[*] A [ ] B [ ] C
TestSnapshot_List_MultiSelect PASSED
Multi-select list with items 0 and 2 selected. 'Option 1' and 'Option 3' shown as selected, 'Option 2' unselected.
Expected
Option 1 Option 2 Option 3
Actual
Option 1 Option 2 Option 3
Overlay: Expected + Actual
Option 1 Option 2 Option 3
Option 1 Option 2 Option 3
50%
Snapshot (no differences to highlight)
Option 1 Option 2 Option 3
TestSnapshot_ProgressBar_ZeroProgress PASSED
20-cell progress bar at 0%. Entire bar shows unfilled/empty state.
Expected
Actual
Overlay: Expected + Actual
50%
Snapshot (no differences to highlight)
TestSnapshot_ProgressBar_HalfProgress PASSED
20-cell progress bar at 50%. Left 10 cells filled, right 10 cells unfilled.
Expected
██████████
Actual
██████████
Overlay: Expected + Actual
██████████
██████████
50%
Snapshot (no differences to highlight)
██████████
TestSnapshot_ProgressBar_FullProgress PASSED
20-cell progress bar at 100%. Entire bar shows filled state.
Expected
████████████████████
Actual
████████████████████
Overlay: Expected + Actual
████████████████████
████████████████████
50%
Snapshot (no differences to highlight)
████████████████████
TestSnapshot_ProgressBar_WithColors PASSED
20-cell progress bar at 75%. Green filled portion (15 cells), dark gray unfilled (5 cells).
Expected
███████████████
Actual
███████████████
Overlay: Expected + Actual
███████████████
███████████████
50%
Snapshot (no differences to highlight)
███████████████
TestSnapshot_ProgressBar_QuarterProgress PASSED
20-cell progress bar at 25%. Left 5 cells filled, right 15 cells unfilled.
Expected
█████
Actual
█████
Overlay: Expected + Actual
█████
█████
50%
Snapshot (no differences to highlight)
█████
TestSnapshot_Spacer_FlexDefault PASSED
30-cell row with 'Left' at column 1 and 'Right' at far right. Spacer fills gap between them.
Expected
Left Right
Actual
Left Right
Overlay: Expected + Actual
Left Right
Left Right
50%
Snapshot (no differences to highlight)
Left Right
TestSnapshot_Spacer_FixedCells PASSED
Row with 'A' at column 1, 5-cell fixed gap, then 'B' at column 7. Total width is 7 cells.
Expected
A B
Actual
A B
Overlay: Expected + Actual
A B
A B
50%
Snapshot (no differences to highlight)
A B
TestSnapshot_Spacer_InColumn PASSED
10-row column with 'Top' at row 1 and 'Bottom' at row 10. Spacer fills 8 rows between them.
Expected
Top Bottom
Actual
Top Bottom
Overlay: Expected + Actual
Top Bottom
Top Bottom
50%
Snapshot (no differences to highlight)
Top Bottom
TestSnapshot_Spacer_MultipleSpacers PASSED
40-cell row with 'A', 'B', 'C' evenly distributed. Two spacers split remaining space equally.
Expected
A B C
Actual
A B C
Overlay: Expected + Actual
A B C
A B C
50%
Snapshot (no differences to highlight)
A B C
TestSnapshot_ShowWhen_True PASSED
Column with 'Visible' on row 1 (shown because condition is true), 'Always' on row 2.
Expected
Visible Always
Actual
Visible Always
Overlay: Expected + Actual
Visible Always
Visible Always
50%
Snapshot (no differences to highlight)
Visible Always
TestSnapshot_ShowWhen_False PASSED
Column with only 'Always' on row 1. 'Hidden' is removed (condition false), takes no space.
Expected
Always
Actual
Always
Overlay: Expected + Actual
Always
Always
50%
Snapshot (no differences to highlight)
Always
TestSnapshot_HideWhen_True PASSED
Column with only 'Always' on row 1. 'Hidden' is removed (hide condition true), takes no space.
Expected
Always
Actual
Always
Overlay: Expected + Actual
Always
Always
50%
Snapshot (no differences to highlight)
Always
TestSnapshot_HideWhen_False PASSED
Column with 'Visible' on row 1 (shown because hide condition is false), 'Always' on row 2.
Expected
Visible Always
Actual
Visible Always
Overlay: Expected + Actual
Visible Always
Visible Always
50%
Snapshot (no differences to highlight)
Visible Always
TestSnapshot_Switcher_ActiveChild PASSED
Only 'Page One' visible (active key is 'page1'). 'Page Two' not rendered.
Expected
Page One
Actual
Page One
Overlay: Expected + Actual
Page One
Page One
50%
Snapshot (no differences to highlight)
Page One
TestSnapshot_Switcher_DifferentActive PASSED
Only 'Second' visible (active key is 'page2'). 'First' and 'Third' not rendered.
Expected
Second
Actual
Second
Overlay: Expected + Actual
Second
Second
50%
Snapshot (no differences to highlight)
Second
TestSnapshot_Switcher_NoActiveMatch PASSED
Empty/no content visible. Active key 'nonexistent' doesn't match any child key.
Expected
Actual
Overlay: Expected + Actual
50%
Snapshot (no differences to highlight)
TestSnapshot_Column_BasicVerticalLayout PASSED
Three text items stacked vertically at top-left. Red 'First' on row 1, green 'Second' on row 2, blue 'Third' on row 3. Each sized to content width.
Expected
First Second Third
Actual
First Second Third
Overlay: Expected + Actual
First Second Third
First Second Third
50%
Snapshot (no differences to highlight)
First Second Third
TestSnapshot_Column_MainAlignStart PASSED
Blue 'Top' text at row 1 (top edge). Column is 10 rows tall with empty space below the text.
Expected
Top
Actual
Top
Overlay: Expected + Actual
Top
Top
50%
Snapshot (no differences to highlight)
Top
TestSnapshot_Column_MainAlignCenter PASSED
Blue 'Centered' text vertically centered around row 5. Equal empty space above and below.
Expected
Centered
Actual
Centered
Overlay: Expected + Actual
Centered
Centered
50%
Snapshot (no differences to highlight)
Centered
TestSnapshot_Column_MainAlignEnd PASSED
Blue 'Bottom' text at row 10 (bottom edge). Column is 10 rows tall with empty space above the text.
Expected
Bottom
Actual
Bottom
Overlay: Expected + Actual
Bottom
Bottom
50%
Snapshot (no differences to highlight)
Bottom
TestSnapshot_Column_CrossAlignStretch PASSED
Blue text background stretches full 20-cell width. Text 'Stretched' left-aligned within the stretched area.
Expected
Stretched
Actual
Stretched
Overlay: Expected + Actual
Stretched
Stretched
50%
Snapshot (no differences to highlight)
Stretched
TestSnapshot_Column_CrossAlignStart PASSED
Blue 'Left' text at left edge (column 1). Text width matches content, not stretched. Column is 20 cells wide.
Expected
Left
Actual
Left
Overlay: Expected + Actual
Left
Left
50%
Snapshot (no differences to highlight)
Left
TestSnapshot_Column_CrossAlignCenter PASSED
Blue 'CenterH' text horizontally centered in 20-cell column. Equal empty space on left and right.
Expected
CenterH
Actual
CenterH
Overlay: Expected + Actual
CenterH
CenterH
50%
Snapshot (no differences to highlight)
CenterH
TestSnapshot_Column_CrossAlignEnd PASSED
Blue 'Right' text at right edge of 20-cell column. Empty space on left, text aligned to column 20.
Expected
Right
Actual
Right
Overlay: Expected + Actual
Right
Right
50%
Snapshot (no differences to highlight)
Right
TestSnapshot_Column_WithSpacing PASSED
Three items stacked vertically with 2-row gaps. Red 'A' at row 1, green 'B' at row 4, blue 'C' at row 7.
Expected
A B C
Actual
A B C
Overlay: Expected + Actual
A B C
A B C
50%
Snapshot (no differences to highlight)
A B C
TestSnapshot_Column_NestedColumns PASSED
Gray outer column with two nested columns stacked. Red column with 'Nested1' on row 1, blue column with 'Nested2' on row 2.
Expected
Nested1 Nested2
Actual
Nested1 Nested2
Overlay: Expected + Actual
Nested1 Nested2
Nested1 Nested2
50%
Snapshot (no differences to highlight)
Nested1 Nested2
TestSnapshot_Column_MixedDimensions PASSED
10-row column with mixed heights. Red 'Fixed' takes 2 rows, green 'Flex' expands to fill 7 rows, blue 'Auto' takes 1 row at bottom.
Expected
Fixed Flex Auto
Actual
Fixed Flex Auto
Overlay: Expected + Actual
Fixed Flex Auto
Fixed Flex Auto
50%
Snapshot (no differences to highlight)
Fixed Flex Auto
TestSnapshot_Row_BasicHorizontalLayout PASSED
Three single-char items in a horizontal row. Red 'A' at column 1, green 'B' at column 2, blue 'C' at column 3. All on row 1.
Expected
A B C
Actual
A B C
Overlay: Expected + Actual
A B C
A B C
50%
Snapshot (no differences to highlight)
A B C
TestSnapshot_Row_MainAlignStart PASSED
Blue 'Left' text at left edge (column 1). Row is 20 cells wide with empty space to the right.
Expected
Left
Actual
Left
Overlay: Expected + Actual
Left
Left
50%
Snapshot (no differences to highlight)
Left
TestSnapshot_Row_MainAlignCenter PASSED
Blue 'Mid' text horizontally centered in 20-cell row. Equal empty space on left and right.
Expected
Mid
Actual
Mid
Overlay: Expected + Actual
Mid
Mid
50%
Snapshot (no differences to highlight)
Mid
TestSnapshot_Row_MainAlignEnd PASSED
Blue 'Right' text at right edge of 20-cell row. Empty space on left, text ends at column 20.
Expected
Right
Actual
Right
Overlay: Expected + Actual
Right
Right
50%
Snapshot (no differences to highlight)
Right
TestSnapshot_Row_CrossAlignStretch PASSED
Blue background stretches full 5-row height. Text 'Tall' at top within the stretched area.
Expected
Tall
Actual
Tall
Overlay: Expected + Actual
Tall
Tall
50%
Snapshot (no differences to highlight)
Tall
TestSnapshot_Row_CrossAlignStart PASSED
Blue 'Top' text at row 1 (top edge). Row is 5 rows tall, text height matches content.
Expected
Top
Actual
Top
Overlay: Expected + Actual
Top
Top
50%
Snapshot (no differences to highlight)
Top
TestSnapshot_Row_CrossAlignCenter PASSED
Blue 'CenterV' text vertically centered in 5-row container. Equal empty space above and below.
Expected
CenterV
Actual
CenterV
Overlay: Expected + Actual
CenterV
CenterV
50%
Snapshot (no differences to highlight)
CenterV
TestSnapshot_Row_CrossAlignEnd PASSED
Blue 'Bottom' text at row 5 (bottom edge). Empty space above the text.
Expected
Bottom
Actual
Bottom
Overlay: Expected + Actual
Bottom
Bottom
50%
Snapshot (no differences to highlight)
Bottom
TestSnapshot_Row_WithSpacing PASSED
Three items in horizontal row with 2-column gaps. Red 'X' at column 1, green 'Y' at column 4, blue 'Z' at column 7.
Expected
X Y Z
Actual
X Y Z
Overlay: Expected + Actual
X Y Z
X Y Z
50%
Snapshot (no differences to highlight)
X Y Z
TestSnapshot_Row_NestedRows PASSED
Gray outer row with two nested rows side by side. Red row with 'Inner1' on left, blue row with 'Inner2' on right.
Expected
Inner1 Inner2
Actual
Inner1 Inner2
Overlay: Expected + Actual
Inner1 Inner2
Inner1 Inner2
50%
Snapshot (no differences to highlight)
Inner1 Inner2
TestSnapshot_Row_MixedDimensions PASSED
30-cell row with mixed widths. Red 'Fixed' takes 5 columns, green 'Flex' expands to fill remaining space, blue 'Auto' sized to content.
Expected
Fixed Flex Auto
Actual
Fixed Flex Auto
Overlay: Expected + Actual
Fixed Flex Auto
Fixed Flex Auto
50%
Snapshot (no differences to highlight)
Fixed Flex Auto
TestSnapshot_Dock_TopOnly PASSED
Red 'Header' docked at top (row 1, full width). Blue 'Body' fills remaining space below.
Expected
Header Body
Actual
Header Body
Overlay: Expected + Actual
Header Body
Header Body
50%
Snapshot (no differences to highlight)
Header Body
TestSnapshot_Dock_BottomOnly PASSED
Red 'Footer' docked at bottom (row 10, full width). Blue 'Body' fills remaining space above.
Expected
Body Footer
Actual
Body Footer
Overlay: Expected + Actual
Body Footer
Body Footer
50%
Snapshot (no differences to highlight)
Body Footer
TestSnapshot_Dock_LeftOnly PASSED
Red 'Side' docked at left (full height). Blue 'Main' fills remaining space to the right.
Expected
Side Main
Actual
Side Main
Overlay: Expected + Actual
Side Main
Side Main
50%
Snapshot (no differences to highlight)
Side Main
TestSnapshot_Dock_RightOnly PASSED
Red 'Aside' docked at right (full height). Blue 'Main' fills remaining space to the left.
Expected
Main Aside
Actual
Main Aside
Overlay: Expected + Actual
Main Aside
Main Aside
50%
Snapshot (no differences to highlight)
Main Aside
TestSnapshot_Dock_AllEdges PASSED
All edges docked. Red top, orange bottom, green left, purple right. Blue 'Center' fills middle area.
Expected
Broken Left Center Right Bottom
Actual
Broken Left Center Right Bottom
Overlay: Expected + Actual
Broken Left Center Right Bottom
Broken Left Center Right Bottom
50%
Snapshot (no differences to highlight)
Broken Left Center Right Bottom
TestSnapshot_Dock_BodyFillsRemainder PASSED
Red 'Header' takes 2 rows at top. Blue body with text fills remaining 8 rows.
Expected
Header Content fills the rest
Actual
Header Content fills the rest
Overlay: Expected + Actual
Header Content fills the rest
Header Content fills the rest
50%
Snapshot (no differences to highlight)
Header Content fills the rest
TestSnapshot_Dock_MultipleTop PASSED
Two widgets docked at top: red 'Toolbar1' on row 1, orange 'Toolbar2' on row 2. Blue 'Content' below.
Expected
Toolbar1 Toolbar2 Content
Actual
Toolbar1 Toolbar2 Content
Overlay: Expected + Actual
Toolbar1 Toolbar2 Content
Toolbar1 Toolbar2 Content
50%
Snapshot (no differences to highlight)
Toolbar1 Toolbar2 Content
TestSnapshot_Dimension_AutoWidth PASSED
Blue text 'Auto sized' at top-left. Width automatically sized to 10 characters (content width).
Expected
Auto sized
Actual
Auto sized
Overlay: Expected + Actual
Auto sized
Auto sized
50%
Snapshot (no differences to highlight)
Auto sized
TestSnapshot_Dimension_CellsFixed PASSED
Blue column exactly 10 cells wide by 5 cells tall. 'Fixed' text at top-left of column.
Expected
Fixed
Actual
Fixed
Overlay: Expected + Actual
Fixed
Fixed
50%
Snapshot (no differences to highlight)
Fixed
TestSnapshot_Dimension_FlexProportional PASSED
30-cell row split proportionally. Red '1' takes 10 cells (1/3), green '2' takes 20 cells (2/3).
Expected
1 2
Actual
1 2
Overlay: Expected + Actual
1 2
1 2
50%
Snapshot (no differences to highlight)
1 2
TestSnapshot_Dimension_FlexVsCells PASSED
30-cell row. Red 'Fixed' takes exactly 10 cells. Green 'Flex' expands to fill remaining 20 cells.
Expected
Fixed Flex
Actual
Fixed Flex
Overlay: Expected + Actual
Fixed Flex
Fixed Flex
50%
Snapshot (no differences to highlight)
Fixed Flex
TestSnapshot_Dimension_NestedFlex PASSED
10-row column split equally. Red row with 'Nested Flex' takes top 5 rows, blue row with 'Another Flex' takes bottom 5 rows.
Expected
Nested Flex Another Flex
Actual
Nested Flex Another Flex
Overlay: Expected + Actual
Nested Flex Another Flex
Nested Flex Another Flex
50%
Snapshot (no differences to highlight)
Nested Flex Another Flex
TestSnapshot_Layout_RowInColumn PASSED
Gray column containing red row on top, blue text below. Red row has 'Left' and 'Right' side by side.
Expected
LeftRight Below
Actual
LeftRight Below
Overlay: Expected + Actual
LeftRight Below
LeftRight Below
50%
Snapshot (no differences to highlight)
LeftRight Below
TestSnapshot_Layout_ColumnInRow PASSED
Gray row containing red column on left, blue 'Beside' on right. Red column has 'Top' and 'Bottom' stacked.
Expected
Top Beside Bottom
Actual
Top Beside Bottom
Overlay: Expected + Actual
Top Beside Bottom
Top Beside Bottom
50%
Snapshot (no differences to highlight)
Top Beside Bottom
TestSnapshot_Layout_DockWithRowColumn PASSED
Dock with red header row containing 'Logo' and 'Menu'. Blue column body with 'Section1' and 'Section2' stacked below.
Expected
LogoMenu Section1 Section2
Actual
LogoMenu Section1 Section2
Overlay: Expected + Actual
LogoMenu Section1 Section2
LogoMenu Section1 Section2
50%
Snapshot (no differences to highlight)
LogoMenu Section1 Section2
TestSnapshot_Stack_BasicOverlay PASSED
Gray 20x5 stack. Green 'Top' overlays red 'Bottom', both at top-left. Green fully covers red since they overlap at same position.
Expected
Top tom
Actual
Top tom
Overlay: Expected + Actual
Top tom
Top tom
50%
Snapshot (no differences to highlight)
Top tom
TestSnapshot_Stack_ThreeLayersZOrder PASSED
Gray 25x6 stack with three overlapping layers. Blue 'Layer3-Top' visible on top, covering green and red beneath.
Expected
Layer3-Top k
Actual
Layer3-Top k
Overlay: Expected + Actual
Layer3-Top k
Layer3-Top k
50%
Snapshot (no differences to highlight)
Layer3-Top k
TestSnapshot_Stack_SizesFromLargestChild PASSED
Stack auto-sized to fit longest child. Green 'This is much longer' visible, red 'Short' hidden beneath. Stack width matches green text.
Expected
This is much longer
Actual
This is much longer
Overlay: Expected + Actual
This is much longer
This is much longer
50%
Snapshot (no differences to highlight)
This is much longer
TestSnapshot_Stack_AlignTopStart PASSED
Gray 20x6 stack. Blue 'TopLeft' at top-left corner (row 1, column 1).
Expected
TopLeft
Actual
TopLeft
Overlay: Expected + Actual
TopLeft
TopLeft
50%
Snapshot (no differences to highlight)
TopLeft
TestSnapshot_Stack_AlignCenter PASSED
Gray 20x6 stack. Blue 'Center' at center of stack, both horizontally and vertically.
Expected
Center
Actual
Center
Overlay: Expected + Actual
Center
Center
50%
Snapshot (no differences to highlight)
Center
TestSnapshot_Stack_AlignBottomEnd PASSED
Gray 20x6 stack. Blue 'BotRight' at bottom-right corner (row 6, right-aligned).
Expected
BotRight
Actual
BotRight
Overlay: Expected + Actual
BotRight
BotRight
50%
Snapshot (no differences to highlight)
BotRight
TestSnapshot_Stack_AlignBottomCenter PASSED
Gray 20x6 stack. Blue 'BotMid' at bottom, horizontally centered (row 6).
Expected
BotMid
Actual
BotMid
Overlay: Expected + Actual
BotMid
BotMid
50%
Snapshot (no differences to highlight)
BotMid
TestSnapshot_Stack_PositionedTopLeft PASSED
Gray 20x6 stack. Blue 'At 2,1' positioned at row 2 (1 from top), column 3 (2 from left).
Expected
At 2,1
Actual
At 2,1
Overlay: Expected + Actual
At 2,1
At 2,1
50%
Snapshot (no differences to highlight)
At 2,1
TestSnapshot_Stack_PositionedBottomRight PASSED
Gray 20x6 stack. Blue 'BotRight' positioned 1 row from bottom, 2 columns from right edge.
Expected
BotRight
Actual
BotRight
Overlay: Expected + Actual
BotRight
BotRight
50%
Snapshot (no differences to highlight)
BotRight
TestSnapshot_Stack_PositionedFill PASSED
Gray 20x5 stack completely filled by blue background. Text 'Fills' at top-left, blue covers entire stack area.
Expected
Fills
Actual
Fills
Overlay: Expected + Actual
Fills
Fills
50%
Snapshot (no differences to highlight)
Fills
TestSnapshot_Stack_PositionedStretchHorizontal PASSED
Gray 20x5 stack. Blue text at row 2, stretched horizontally with 2-cell margins on left and right (16 cells wide).
Expected
Stretched H
Actual
Stretched H
Overlay: Expected + Actual
Stretched H
Stretched H
50%
Snapshot (no differences to highlight)
Stretched H
TestSnapshot_Stack_PositionedStretchVertical PASSED
Gray 20x6 stack. Blue 'V' stretched vertically from row 2 to row 5 (4 rows), starting at column 3.
Expected
V
Actual
V
Overlay: Expected + Actual
V
V
50%
Snapshot (no differences to highlight)
V
TestSnapshot_Stack_PositionedOverflowNegativeOffset PASSED
Gray 15x5 stack with blue 'Base' at top-left. Red 'Badge' overflows stack bounds: 1 row above top, 2 columns right of stack edge.
Expected
Base
Actual
Base
Overlay: Expected + Actual
Base
Base
50%
Snapshot (no differences to highlight)
Base
TestSnapshot_Stack_ChildLargerThanStack PASSED
Gray 10x3 stack. Blue text exceeds stack width, content overflows and is clipped at stack boundary.
Expected
This text
Actual
This text
Overlay: Expected + Actual
This text
This text
50%
Snapshot (no differences to highlight)
This text
TestSnapshot_Stack_OverlappingWithTransparency PASSED
Gray 20x5 stack with layered content. Red 15x4 column at origin with 'Background' and 'Content'. Blue 12x3 'Overlay' partially covers red, offset to row 2, column 6.
Expected
Background Conte Overlay
Actual
Background Conte Overlay
Overlay: Expected + Actual
Background Conte Overlay
Background Conte Overlay
50%
Snapshot (no differences to highlight)
Background Conte Overlay
TestSnapshot_Stack_MultipleOverlappingPositioned PASSED
Gray 25x8 stack with three cascading cards. Red 'Card 1' at top-left, green 'Card 2' overlaps at row 3/col 7, blue 'Card 3' overlaps at row 5/col 13. Each card partially visible.
Expected
Card 1 Card 2 Card 3
Actual
Card 1 Card 2 Card 3
Overlay: Expected + Actual
Card 1 Card 2 Card 3
Card 1 Card 2 Card 3
50%
Snapshot (no differences to highlight)
Card 1 Card 2 Card 3
TestSnapshot_Stack_WithBorder PASSED
Gray 20x5 stack with purple rounded border. Blue 'Bordered Stack' at top-left inside border. Border adds 1 cell each side.
Expected
╭────────────────────╮ │ Bordered Stack │ │ │ │ │ │ │ │ │ ╰────────────────────╯
Actual
╭────────────────────╮ │ Bordered Stack │ │ │ │ │ │ │ │ │ ╰────────────────────╯
Overlay: Expected + Actual
╭────────────────────╮ │ Bordered Stack │ │ │ │ │ │ │ │ │ ╰────────────────────╯
╭────────────────────╮ │ Bordered Stack │ │ │ │ │ │ │ │ │ ╰────────────────────╯
50%
Snapshot (no differences to highlight)
╭────────────────────╮ │ Bordered Stack │ │ │ │ │ │ │ │ │ ╰────────────────────╯
TestSnapshot_Stack_WithPadding PASSED
Gray 20x6 stack with 1-cell padding. Blue 'Padded' inset by 1 cell from all edges, gray padding visible around content.
Expected
Padded
Actual
Padded
Overlay: Expected + Actual
Padded
Padded
50%
Snapshot (no differences to highlight)
Padded
TestSnapshot_Stack_WithBorderAndPadding PASSED
Gray 22x7 stack with purple square border and 1-cell padding. Blue 'At origin' positioned at border-box origin, overlapping the border/padding area.
Expected
At origin ────────────────┐ │ │ │ │ │ │ │ │ │ │ │ │ │ │ └────────────────────────┘
Actual
At origin ────────────────┐ │ │ │ │ │ │ │ │ │ │ │ │ │ │ └────────────────────────┘
Overlay: Expected + Actual
At origin ────────────────┐ │ │ │ │ │ │ │ │ │ │ │ │ │ │ └────────────────────────┘
At origin ────────────────┐ │ │ │ │ │ │ │ │ │ │ │ │ │ │ └────────────────────────┘
50%
Snapshot (no differences to highlight)
At origin ────────────────┐ │ │ │ │ │ │ │ │ │ │ │ │ │ │ └────────────────────────┘
TestSnapshot_Stack_InsideColumn PASSED
Gray column with three children stacked vertically. Red 'Header' at top, teal 20x4 stack with blue 'Stacked' in middle, orange 'Footer' at bottom.
Expected
Header Stacked Footer
Actual
Header Stacked Footer
Overlay: Expected + Actual
Header Stacked Footer
Header Stacked Footer
50%
Snapshot (no differences to highlight)
Header Stacked Footer
TestSnapshot_Stack_InsideRow PASSED
Gray row with three children side by side. Red 'Left' on left, teal 12x4 stack with blue 'Stack' in middle, orange 'Right' on right.
Expected
Left Stack Right
Actual
Left Stack Right
Overlay: Expected + Actual
Left Stack Right
Left Stack Right
50%
Snapshot (no differences to highlight)
Left Stack Right
TestSnapshot_Stack_NestedStacks PASSED
Gray 25x8 outer stack. Red 15x5 inner stack at top-left with blue 'Inner Stack'. Green 'Outer' at bottom-right of outer stack.
Expected
Inner Stack Outer
Actual
Inner Stack Outer
Overlay: Expected + Actual
Inner Stack Outer
Inner Stack Outer
50%
Snapshot (no differences to highlight)
Inner Stack Outer
TestSnapshot_Stack_MixedPositionedAndAligned PASSED
Gray 20x6 stack with center alignment. Blue 'Centered' at center (uses alignment). Red 'TR' at top-right corner, green 'BL' at bottom-left (positioned, ignore alignment).
Expected
TR Centered BL
Actual
TR Centered BL
Overlay: Expected + Actual
TR Centered BL
TR Centered BL
50%
Snapshot (no differences to highlight)
TR Centered BL
TestSnapshot_Dimension_PercentWidth50 PASSED
Expected
50%
Actual
50%
Overlay: Expected + Actual
50%
50%
50%
Snapshot (no differences to highlight)
50%
TestSnapshot_Dimension_PercentWidth100 PASSED
Expected
Full
Actual
Full
Overlay: Expected + Actual
Full
Full
50%
Snapshot (no differences to highlight)
Full
TestSnapshot_Dimension_PercentTwoChildren PASSED
Expected
30% 70%
Actual
30% 70%
Overlay: Expected + Actual
30% 70%
30% 70%
50%
Snapshot (no differences to highlight)
30% 70%
TestSnapshot_Dimension_PercentOverflow PASSED
Expected
60% 60%
Actual
60% 60%
Overlay: Expected + Actual
60% 60%
60% 60%
50%
Snapshot (no differences to highlight)
60% 60%
TestSnapshot_Dimension_PercentZero PASSED
Expected
Auto
Actual
Auto
Overlay: Expected + Actual
Auto
Auto
50%
Snapshot (no differences to highlight)
Auto
TestSnapshot_Dimension_PercentHeight PASSED
Expected
50%
Actual
50%
Overlay: Expected + Actual
50%
50%
50%
Snapshot (no differences to highlight)
50%
TestSnapshot_Dimension_PercentInColumn PASSED
Expected
25% 25% 50%
Actual
25% 25% 50%
Overlay: Expected + Actual
25% 25% 50%
25% 25% 50%
50%
Snapshot (no differences to highlight)
25% 25% 50%
TestSnapshot_Dimension_PercentMixedWithCells PASSED
Expected
Fixed 50%
Actual
Fixed 50%
Overlay: Expected + Actual
Fixed 50%
Fixed 50%
50%
Snapshot (no differences to highlight)
Fixed 50%
TestSnapshot_Dimension_PercentMixedWithFlex PASSED
Expected
30% Flex
Actual
30% Flex
Overlay: Expected + Actual
30% Flex
30% Flex
50%
Snapshot (no differences to highlight)
30% Flex
TestSnapshot_Dimension_PercentMixedWithAuto PASSED
Expected
50% Auto
Actual
50% Auto
Overlay: Expected + Actual
50% Auto
50% Auto
50%
Snapshot (no differences to highlight)
50% Auto
TestSnapshot_Dimension_AutoHeightWithMaxHeight PASSED
Blue wrapped text would exceed 3 lines but is clamped by MaxHeight. Gray container remains 12x6.
Expected
one two three four five six
Actual
one two three four five six
Overlay: Expected + Actual
one two three four five six
one two three four five six
50%
Snapshot (no differences to highlight)
one two three four five six
TestSnapshot_Dimension_PercentHeightClampsTallContent PASSED
Green text is constrained to 25% height (5 rows) even though content would wrap taller. Gray container is 12x20.
Expected
alpha beta gamma delta epsilon zeta eta theta iota kappa
Actual
alpha beta gamma delta epsilon zeta eta theta iota kappa
Overlay: Expected + Actual
alpha beta gamma delta epsilon zeta eta theta iota kappa
alpha beta gamma delta epsilon zeta eta theta iota kappa
50%
Snapshot (no differences to highlight)
alpha beta gamma delta epsilon zeta eta theta iota kappa
TestSnapshot_Dimension_FlexHeightWithMaxHeight PASSED
Purple text is flexed but capped at MaxHeight (5 rows) despite available space. Gray container is 12x20.
Expected
red orange yellow green blue indigo violet black white gray
Actual
red orange yellow green blue indigo violet black white gray
Overlay: Expected + Actual
red orange yellow green blue indigo violet black white gray
red orange yellow green blue indigo violet black white gray
50%
Snapshot (no differences to highlight)
red orange yellow green blue indigo violet black white gray
TestSnapshot_Dimension_PercentInsideFlexContainer PASSED
Expected
50%
Actual
50%
Overlay: Expected + Actual
50%
50%
50%
Snapshot (no differences to highlight)
50%
TestSnapshot_Dimension_PercentInsideFlexContainerMultiple PASSED
Expected
50% 50%
Actual
50% 50%
Overlay: Expected + Actual
50% 50%
50% 50%
50%
Snapshot (no differences to highlight)
50% 50%
TestSnapshot_Dimension_PercentInsideAutoContainer PASSED
Expected
50%
Actual
50%
Overlay: Expected + Actual
50%
50%
50%
Snapshot (no differences to highlight)
50%
TestSnapshot_Dimension_PercentInsidePercentContainer PASSED
Expected
50%
Actual
50%
Overlay: Expected + Actual
50%
50%
50%
Snapshot (no differences to highlight)
50%
TestSnapshot_Dimension_PercentInsidePercentContainerDeep PASSED
Expected
50%
Actual
50%
Overlay: Expected + Actual
50%
50%
50%
Snapshot (no differences to highlight)
50%
TestSnapshot_Dimension_PercentInDock PASSED
Expected
Header Body
Actual
Header Body
Overlay: Expected + Actual
Header Body
Header Body
50%
Snapshot (no differences to highlight)
Header Body
TestSnapshot_Dimension_PercentInStackWidth PASSED
Expected
50%
Actual
50%
Overlay: Expected + Actual
50%
50%
50%
Snapshot (no differences to highlight)
50%
TestSnapshot_Dimension_PercentInStackHeight PASSED
Expected
50%
Actual
50%
Overlay: Expected + Actual
50%
50%
50%
Snapshot (no differences to highlight)
50%
TestSnapshot_Dimension_PercentInStackBothAxes PASSED
Expected
50x50
Actual
50x50
Overlay: Expected + Actual
50x50
50x50
50%
Snapshot (no differences to highlight)
50x50
TestSnapshot_Dimension_PercentInStackPositioned PASSED
Expected
50%
Actual
50%
Overlay: Expected + Actual
50%
50%
50%
Snapshot (no differences to highlight)
50%
TestSnapshot_Style_BorderSquare PASSED
15x5 column with gray square border (┌─┐│└─┘ characters). 'Square' text inside, inset by 1 cell.
Expected
┌─────────────┐ │ Square │ │ │ │ │ └─────────────┘
Actual
┌─────────────┐ │ Square │ │ │ │ │ └─────────────┘
Overlay: Expected + Actual
┌─────────────┐ │ Square │ │ │ │ │ └─────────────┘
┌─────────────┐ │ Square │ │ │ │ │ └─────────────┘
50%
Snapshot (no differences to highlight)
┌─────────────┐ │ Square │ │ │ │ │ └─────────────┘
TestSnapshot_Style_BorderRounded PASSED
15x5 column with gray rounded border (╭─╮│╰─╯ characters). 'Rounded' text inside, corners are curved.
Expected
╭─────────────╮ │ Rounded │ │ │ │ │ ╰─────────────╯
Actual
╭─────────────╮ │ Rounded │ │ │ │ │ ╰─────────────╯
Overlay: Expected + Actual
╭─────────────╮ │ Rounded │ │ │ │ │ ╰─────────────╯
╭─────────────╮ │ Rounded │ │ │ │ │ ╰─────────────╯
50%
Snapshot (no differences to highlight)
╭─────────────╮ │ Rounded │ │ │ │ │ ╰─────────────╯
TestSnapshot_Style_BorderDouble PASSED
15x5 column with gray double-line border (╔═╗║╚═╝ characters). 'Double' text inside.
Expected
╔═════════════╗ ║ Double ║ ║ ║ ║ ║ ╚═════════════╝
Actual
╔═════════════╗ ║ Double ║ ║ ║ ║ ║ ╚═════════════╝
Overlay: Expected + Actual
╔═════════════╗ ║ Double ║ ║ ║ ║ ║ ╚═════════════╝
╔═════════════╗ ║ Double ║ ║ ║ ║ ║ ╚═════════════╝
50%
Snapshot (no differences to highlight)
╔═════════════╗ ║ Double ║ ║ ║ ║ ║ ╚═════════════╝
TestSnapshot_Style_BorderHeavy PASSED
15x5 column with gray heavy/thick border (┏━┓┃┗━┛ characters). 'Heavy' text inside.
Expected
┏━━━━━━━━━━━━━┓ ┃ Heavy ┃ ┃ ┃ ┃ ┃ ┗━━━━━━━━━━━━━┛
Actual
┏━━━━━━━━━━━━━┓ ┃ Heavy ┃ ┃ ┃ ┃ ┃ ┗━━━━━━━━━━━━━┛
Overlay: Expected + Actual
┏━━━━━━━━━━━━━┓ ┃ Heavy ┃ ┃ ┃ ┃ ┃ ┗━━━━━━━━━━━━━┛
┏━━━━━━━━━━━━━┓ ┃ Heavy ┃ ┃ ┃ ┃ ┃ ┗━━━━━━━━━━━━━┛
50%
Snapshot (no differences to highlight)
┏━━━━━━━━━━━━━┓ ┃ Heavy ┃ ┃ ┃ ┃ ┃ ┗━━━━━━━━━━━━━┛
TestSnapshot_Style_BorderAscii PASSED
15x5 column with gray ASCII border (+-+|+-+ characters). 'ASCII' text inside.
Expected
+-------------+ | ASCII | | | | | +-------------+
Actual
+-------------+ | ASCII | | | | | +-------------+
Overlay: Expected + Actual
+-------------+ | ASCII | | | | | +-------------+
+-------------+ | ASCII | | | | | +-------------+
50%
Snapshot (no differences to highlight)
+-------------+ | ASCII | | | | | +-------------+
TestSnapshot_Style_BorderWithTitle PASSED
20x5 column with square border. 'Title' text embedded in top border line. 'Content' inside.
Expected
┌ Title ───────────┐ │ Content │ │ │ │ │ └──────────────────┘
Actual
┌ Title ───────────┐ │ Content │ │ │ │ │ └──────────────────┘
Overlay: Expected + Actual
┌ Title ───────────┐ │ Content │ │ │ │ │ └──────────────────┘
┌ Title ───────────┐ │ Content │ │ │ │ │ └──────────────────┘
50%
Snapshot (no differences to highlight)
┌ Title ───────────┐ │ Content │ │ │ │ │ └──────────────────┘
TestSnapshot_Style_BorderWithSubtitle PASSED
20x5 column with rounded border. 'Footer' text embedded in bottom border line. 'Body' inside.
Expected
╭──────────────────╮ │ Body │ │ │ │ │ ╰ Footer ──────────╯
Actual
╭──────────────────╮ │ Body │ │ │ │ │ ╰ Footer ──────────╯
Overlay: Expected + Actual
╭──────────────────╮ │ Body │ │ │ │ │ ╰ Footer ──────────╯
╭──────────────────╮ │ Body │ │ │ │ │ ╰ Footer ──────────╯
50%
Snapshot (no differences to highlight)
╭──────────────────╮ │ Body │ │ │ │ │ ╰ Footer ──────────╯
TestSnapshot_Style_BorderWithMarkupTitle PASSED
25x5 column with square border. 'Bold Title' in bold text embedded in top border. 'Content' inside.
Expected
┌ Bold Title ───────────┐ │ Content │ │ │ │ │ └───────────────────────┘
Actual
┌ Bold Title ───────────┐ │ Content │ │ │ │ │ └───────────────────────┘
Overlay: Expected + Actual
┌ Bold Title ───────────┐ │ Content │ │ │ │ │ └───────────────────────┘
┌ Bold Title ───────────┐ │ Content │ │ │ │ │ └───────────────────────┘
50%
Snapshot (no differences to highlight)
┌ Bold Title ───────────┐ │ Content │ │ │ │ │ └───────────────────────┘
TestSnapshot_Style_BorderWithMarkupColors PASSED
30x5 column with square border. Title 'ESC close' where 'ESC' is bold and accent-colored. 'Dialog content' inside.
Expected
┌ ESC close ─────────────────┐ │ Dialog content │ │ │ │ │ └────────────────────────────┘
Actual
┌ ESC close ─────────────────┐ │ Dialog content │ │ │ │ │ └────────────────────────────┘
Overlay: Expected + Actual
┌ ESC close ─────────────────┐ │ Dialog content │ │ │ │ │ └────────────────────────────┘
┌ ESC close ─────────────────┐ │ Dialog content │ │ │ │ │ └────────────────────────────┘
50%
Snapshot (no differences to highlight)
┌ ESC close ─────────────────┐ │ Dialog content │ │ │ │ │ └────────────────────────────┘
TestSnapshot_Style_BorderMixedDecorations PASSED
30x5 column with square border. 'Styled' in italic at top-left, 'Plain' at top-right. 'Mixed decorations' inside.
Expected
┌ Styled ───────────── Plain ┐ │ Mixed decorations │ │ │ │ │ └────────────────────────────┘
Actual
┌ Styled ───────────── Plain ┐ │ Mixed decorations │ │ │ │ │ └────────────────────────────┘
Overlay: Expected + Actual
┌ Styled ───────────── Plain ┐ │ Mixed decorations │ │ │ │ │ └────────────────────────────┘
┌ Styled ───────────── Plain ┐ │ Mixed decorations │ │ │ │ │ └────────────────────────────┘
50%
Snapshot (no differences to highlight)
┌ Styled ───────────── Plain ┐ │ Mixed decorations │ │ │ │ │ └────────────────────────────┘
TestSnapshot_Style_BorderGradientWithMarkupTitle PASSED
30x5 column with rounded gradient border (red to blue). 'Gradient Title' in bold, color sampled from gradient at title position.
Expected
╭ G r a d i e n t T i t l e ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╮ │ Content │ │ │ │ │ ╰ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╯
Actual
╭ G r a d i e n t T i t l e ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╮ │ Content │ │ │ │ │ ╰ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╯
Overlay: Expected + Actual
╭ G r a d i e n t T i t l e ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╮ │ Content │ │ │ │ │ ╰ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╯
╭ G r a d i e n t T i t l e ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╮ │ Content │ │ │ │ │ ╰ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╯
50%
Snapshot (no differences to highlight)
╭ G r a d i e n t T i t l e ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╮ │ Content │ │ │ │ │ ╰ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╯
TestSnapshot_Style_BorderGradientWithMarkupTitleExplicitColor PASSED
30x5 column with rounded gradient border (red to blue). 'Green Title' in bold green, overriding the gradient color.
Expected
╭ Green Title ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╮ │ Content │ │ │ │ │ ╰ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╯
Actual
╭ Green Title ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╮ │ Content │ │ │ │ │ ╰ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╯
Overlay: Expected + Actual
╭ Green Title ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╮ │ Content │ │ │ │ │ ╰ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╯
╭ Green Title ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╮ │ Content │ │ │ │ │ ╰ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╯
50%
Snapshot (no differences to highlight)
╭ Green Title ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╮ │ Content │ │ │ │ │ ╰ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ╯
TestSnapshot_Style_PaddingAllSides PASSED
20x7 dark blue column with 2-cell padding on all sides. 'Padded' text inset by 2 cells from each edge.
Expected
Padded
Actual
Padded
Overlay: Expected + Actual
Padded
Padded
50%
Snapshot (no differences to highlight)
Padded
TestSnapshot_Style_PaddingAsymmetric PASSED
20x7 dark green column with asymmetric padding: top=1, right=3, bottom=1, left=2. 'Asymmetric' text offset accordingly.
Expected
Asymmetric
Actual
Asymmetric
Overlay: Expected + Actual
Asymmetric
Asymmetric
50%
Snapshot (no differences to highlight)
Asymmetric
TestSnapshot_Style_PaddingXY PASSED
20x7 dark red column with horizontal padding=3, vertical padding=1. 'XY Padding' text inset 3 from sides, 1 from top/bottom.
Expected
XY Padding
Actual
XY Padding
Overlay: Expected + Actual
XY Padding
XY Padding
50%
Snapshot (no differences to highlight)
XY Padding
TestSnapshot_Style_MarginAllSides PASSED
Dark blue outer column. Light purple 15x3 inner column with 1-cell margin on all sides. Gap between inner and outer visible.
Expected
Margin
Actual
Margin
Overlay: Expected + Actual
Margin
Margin
50%
Snapshot (no differences to highlight)
Margin
TestSnapshot_Style_BackgroundColor PASSED
White text 'With Background' on purple background (RGB 100,50,150). Background extends to text width.
Expected
With Background
Actual
With Background
Overlay: Expected + Actual
With Background
With Background
50%
Snapshot (no differences to highlight)
With Background
TestSnapshot_Style_BackdropGradient PASSED
Expected
G r a d i e n t
Actual
G r a d i e n t
Overlay: Expected + Actual
G r a d i e n t
G r a d i e n t
50%
Snapshot (no differences to highlight)
G r a d i e n t
TestSnapshot_Style_ForegroundColor PASSED
Orange text 'Colored Text' (RGB 255,128,0) on black background.
Expected
Colored Text
Actual
Colored Text
Overlay: Expected + Actual
Colored Text
Colored Text
50%
Snapshot (no differences to highlight)
Colored Text
TestSnapshot_Style_BothColors PASSED
White text 'Full Color' on blue background (RGB 0,100,200). Both foreground and background colors applied.
Expected
Full Color
Actual
Full Color
Overlay: Expected + Actual
Full Color
Full Color
50%
Snapshot (no differences to highlight)
Full Color
TestSnapshot_Style_Bold PASSED
White 'Bold Text' in bold weight at top-left on black background.
Expected
Bold Text
Actual
Bold Text
Overlay: Expected + Actual
Bold Text
Bold Text
50%
Snapshot (no differences to highlight)
Bold Text
TestSnapshot_Style_Italic PASSED
White 'Italic Text' in italic style at top-left on black background.
Expected
Italic Text
Actual
Italic Text
Overlay: Expected + Actual
Italic Text
Italic Text
50%
Snapshot (no differences to highlight)
Italic Text
TestSnapshot_Style_Underline PASSED
White 'Underlined Text' with single underline at top-left on black background.
Expected
Underlined Text
Actual
Underlined Text
Overlay: Expected + Actual
Underlined Text
Underlined Text
50%
Snapshot (no differences to highlight)
Underlined Text
TestSnapshot_Style_Strikethrough PASSED
White 'Struck Text' with strikethrough line at top-left on black background.
Expected
Struck Text
Actual
Struck Text
Overlay: Expected + Actual
Struck Text
Struck Text
50%
Snapshot (no differences to highlight)
Struck Text
TestSnapshot_Style_CombinedTextStyles PASSED
White 'Combined' text in both bold and italic at top-left on black background.
Expected
Combined
Actual
Combined
Overlay: Expected + Actual
Combined
Combined
50%
Snapshot (no differences to highlight)
Combined
TestSnapshot_Style_Reverse PASSED
'Reversed Text' with reversed colors - theme text color becomes background, black text. Background should be continuous across the space.
Expected
Reversed Text
Actual
Reversed Text
Overlay: Expected + Actual
Reversed Text
Reversed Text
50%
Snapshot (no differences to highlight)
Reversed Text
TestSnapshot_Style_ReverseWithColors PASSED
'Reversed' text with colors swapped - light red background (#FF6464), dark blue text (#323296).
Expected
Reversed
Actual
Reversed
Overlay: Expected + Actual
Reversed
Reversed
50%
Snapshot (no differences to highlight)
Reversed
TestSnapshot_Style_BorderAndPadding PASSED
20x7 column with green rounded border. 'Boxed' text inset by border (1 cell) plus padding (1 cell) = 2 cells from each edge.
Expected
╭──────────────────╮ │ │ │ Boxed │ │ │ │ │ │ │ ╰──────────────────╯
Actual
╭──────────────────╮ │ │ │ Boxed │ │ │ │ │ │ │ ╰──────────────────╯
Overlay: Expected + Actual
╭──────────────────╮ │ │ │ Boxed │ │ │ │ │ │ │ ╰──────────────────╯
╭──────────────────╮ │ │ │ Boxed │ │ │ │ │ │ │ ╰──────────────────╯
50%
Snapshot (no differences to highlight)
╭──────────────────╮ │ │ │ Boxed │ │ │ │ │ │ │ ╰──────────────────╯
TestSnapshot_Style_FullStyleStack PASSED
25x9 column with gray square border, 'Window' title in top border, dark blue background. Orange bold 'Hello' text inset 2 cells (border+padding).
Expected
┌ Window ───────────────┐ │ │ │ Hello │ │ │ │ │ │ │ │ │ │ │ └───────────────────────┘
Actual
┌ Window ───────────────┐ │ │ │ Hello │ │ │ │ │ │ │ │ │ │ │ └───────────────────────┘
Overlay: Expected + Actual
┌ Window ───────────────┐ │ │ │ Hello │ │ │ │ │ │ │ │ │ │ │ └───────────────────────┘
┌ Window ───────────────┐ │ │ │ Hello │ │ │ │ │ │ │ │ │ │ │ └───────────────────────┘
50%
Snapshot (no differences to highlight)
┌ Window ───────────────┐ │ │ │ Hello │ │ │ │ │ │ │ │ │ │ │ └───────────────────────┘
TestSnapshot_Style_SpanForeground PASSED
Single line with mixed colors: 'Red' in red, ' and ' in white, 'Blue' in blue. All on black background.
Expected
Red and Blue
Actual
Red and Blue
Overlay: Expected + Actual
Red and Blue
Red and Blue
50%
Snapshot (no differences to highlight)
Red and Blue
TestSnapshot_Style_SpanBold PASSED
Single line with 'Important' in bold followed by ' text' in normal weight. White on black.
Expected
Important text
Actual
Important text
Overlay: Expected + Actual
Important text
Important text
50%
Snapshot (no differences to highlight)
Important text
TestSnapshot_Style_SpanItalic PASSED
Single line with 'Emphasis' in italic followed by ' here' in normal style. White on black.
Expected
Emphasis here
Actual
Emphasis here
Overlay: Expected + Actual
Emphasis here
Emphasis here
50%
Snapshot (no differences to highlight)
Emphasis here
TestSnapshot_Style_NamedColors PASSED
Six text rows showing named colors. 'Red' in red on row 1, 'Green' in green on row 2, 'Blue' in blue on row 3, 'Yellow' in yellow on row 4, 'Magenta' in magenta on row 5, 'Cyan' in cyan on row 6.
Expected
Red Green Blue Yellow Magenta Cyan
Actual
Red Green Blue Yellow Magenta Cyan
Overlay: Expected + Actual
Red Green Blue Yellow Magenta Cyan
Red Green Blue Yellow Magenta Cyan
50%
Snapshot (no differences to highlight)
Red Green Blue Yellow Magenta Cyan
TestSnapshot_Style_NestedBorders PASSED
Outer 25x10 column with blue rounded border. Inner column with red square border nested inside. 'Inner' text inside the inner border.
Expected
╭───────────────────────╮ │ ┌─────┐ │ │ │ Inner │ │ │ └─────┘ │ │ │ │ │ │ │ │ │ │ │ ╰───────────────────────╯
Actual
╭───────────────────────╮ │ ┌─────┐ │ │ │ Inner │ │ │ └─────┘ │ │ │ │ │ │ │ │ │ │ │ ╰───────────────────────╯
Overlay: Expected + Actual
╭───────────────────────╮ │ ┌─────┐ │ │ │ Inner │ │ │ └─────┘ │ │ │ │ │ │ │ │ │ │ │ ╰───────────────────────╯
╭───────────────────────╮ │ ┌─────┐ │ │ │ Inner │ │ │ └─────┘ │ │ │ │ │ │ │ │ │ │ │ ╰───────────────────────╯
50%
Snapshot (no differences to highlight)
╭───────────────────────╮ │ ┌─────┐ │ │ │ Inner │ │ │ └─────┘ │ │ │ │ │ │ │ │ │ │ │ ╰───────────────────────╯
TestSnapshot_Style_RowWithStyledChildren PASSED
Row with three colored letters: red 'A', green 'B', blue 'C' arranged horizontally from left to right.
Expected
A B C
Actual
A B C
Overlay: Expected + Actual
A B C
A B C
50%
Snapshot (no differences to highlight)
A B C
TestSnapshot_TabBar_Basic PASSED
Three tabs in a row. 'Home' is active (highlighted), 'Settings' and 'Profile' inactive. Each tab has padding.
Expected
Home Settings Profile
Actual
Home Settings Profile
Overlay: Expected + Actual
Home Settings Profile
Home Settings Profile
50%
Snapshot (no differences to highlight)
Home Settings Profile
TestSnapshot_TabBar_SecondActive PASSED
Three tabs with 'Settings' active (highlighted). 'Home' and 'Profile' inactive.
Expected
Home Settings Profile
Actual
Home Settings Profile
Overlay: Expected + Actual
Home Settings Profile
Home Settings Profile
50%
Snapshot (no differences to highlight)
Home Settings Profile
TestSnapshot_TabBar_LastActive PASSED
Three tabs with 'Profile' active (highlighted). 'Home' and 'Settings' inactive.
Expected
Home Settings Profile
Actual
Home Settings Profile
Overlay: Expected + Actual
Home Settings Profile
Home Settings Profile
50%
Snapshot (no differences to highlight)
Home Settings Profile
TestSnapshot_TabBar_SingleTab PASSED
Single tab 'Only Tab' displayed as active.
Expected
Only Tab
Actual
Only Tab
Overlay: Expected + Actual
Only Tab
Only Tab
50%
Snapshot (no differences to highlight)
Only Tab
TestSnapshot_TabBar_Closable PASSED
Two tabs with close buttons (×). 'Home ×' active, 'Settings ×' inactive.
Expected
Home × Settings ×
Actual
Home × Settings ×
Overlay: Expected + Actual
Home × Settings ×
Home × Settings ×
50%
Snapshot (no differences to highlight)
Home × Settings ×
TestSnapshot_TabBar_CustomStyle PASSED
Two tabs with custom colors. Active 'Tab A' blue background, inactive 'Tab B' dark gray.
Expected
Tab A Tab B
Actual
Tab A Tab B
Overlay: Expected + Actual
Tab A Tab B
Tab A Tab B
50%
Snapshot (no differences to highlight)
Tab A Tab B
TestSnapshot_TabBar_WithContainerStyle PASSED
Tab bar with dark background. Two tabs on dark gray container.
Expected
Home Settings
Actual
Home Settings
Overlay: Expected + Actual
Home Settings
Home Settings
50%
Snapshot (no differences to highlight)
Home Settings
TestSnapshot_TabBar_ManyTabs PASSED
Five tabs in a row. 'Tab 1' active, others inactive. Tabs extend horizontally.
Expected
Tab 1 Tab 2 Tab 3 Tab 4 Tab 5
Actual
Tab 1 Tab 2 Tab 3 Tab 4 Tab 5
Overlay: Expected + Actual
Tab 1 Tab 2 Tab 3 Tab 4 Tab 5
Tab 1 Tab 2 Tab 3 Tab 4 Tab 5
50%
Snapshot (no differences to highlight)
Tab 1 Tab 2 Tab 3 Tab 4 Tab 5
TestSnapshot_TabBar_Empty PASSED
Empty tab bar with no tabs rendered.
Expected
Actual
Overlay: Expected + Actual
50%
Snapshot (no differences to highlight)
TestSnapshot_TabBar_NilState PASSED
Tab bar with nil state renders as empty row.
Expected
Actual
Overlay: Expected + Actual
50%
Snapshot (no differences to highlight)
TestSnapshot_TabView_Basic PASSED
Tab view with 'Home' tab active. Tab bar at top, 'Home content goes here' below.
Expected
Home Settings Home content goes here
Actual
Home Settings Home content goes here
Overlay: Expected + Actual
Home Settings Home content goes here
Home Settings Home content goes here
50%
Snapshot (no differences to highlight)
Home Settings Home content goes here
TestSnapshot_TabView_SecondTabActive PASSED
Tab view with 'Settings' active. Shows 'Settings panel with options' content.
Expected
Home Settings Settings panel with options
Actual
Home Settings Settings panel with options
Overlay: Expected + Actual
Home Settings Settings panel with options
Home Settings Settings panel with options
50%
Snapshot (no differences to highlight)
Home Settings Settings panel with options
TestSnapshot_TabView_WithComplexContent PASSED
Tab view with 'List' tab showing green items stacked vertically in content area.
Expected
List Empty Item 1 Item 2 Item 3
Actual
List Empty Item 1 Item 2 Item 3
Overlay: Expected + Actual
List Empty Item 1 Item 2 Item 3
List Empty Item 1 Item 2 Item 3
50%
Snapshot (no differences to highlight)
List Empty Item 1 Item 2 Item 3
TestSnapshot_TabView_Closable PASSED
Tab view with closable tabs. 'file.go ×' active with code content, 'test.go ×' inactive.
Expected
file.go × test.go × package main
Actual
file.go × test.go × package main
Overlay: Expected + Actual
file.go × test.go × package main
file.go × test.go × package main
50%
Snapshot (no differences to highlight)
file.go × test.go × package main
TestSnapshot_TabView_CustomStyles PASSED
Tab view with custom dark theme. Tab bar slightly lighter, content area dark.
Expected
Tab A Tab B Content A
Actual
Tab A Tab B Content A
Overlay: Expected + Actual
Tab A Tab B Content A
Tab A Tab B Content A
50%
Snapshot (no differences to highlight)
Tab A Tab B Content A
TestSnapshot_TabView_Empty PASSED
Empty tab view with no tabs. Just an empty column.
Expected
Actual
Overlay: Expected + Actual
50%
Snapshot (no differences to highlight)
TestSnapshot_TabView_NilState PASSED
Tab view with nil state renders as empty column.
Expected
Actual
Overlay: Expected + Actual
50%
Snapshot (no differences to highlight)
TestSnapshot_TabView_NilContent PASSED
Tab view where active tab has nil content. Shows tab bar but empty content area.
Expected
No Content
Actual
No Content
Overlay: Expected + Actual
No Content
No Content
50%
Snapshot (no differences to highlight)
No Content
TestSnapshot_TabBar_InDock PASSED
Dock layout with TabBar docked at top. Tab bar dark gray, body darker below.
Expected
Home About Main content area
Actual
Home About Main content area
Overlay: Expected + Actual
Home About Main content area
Home About Main content area
50%
Snapshot (no differences to highlight)
Home About Main content area
TestSnapshot_TabBar_WithKeybindBar PASSED
Dock with TabBar at top, KeybindBar at bottom. Shows tab navigation keybinds in footer.
Expected
Home Settings Content h Prev Tab l Next Tab
Actual
Home Settings Content h Prev Tab l Next Tab
Overlay: Expected + Actual
Home Settings Content h Prev Tab l Next Tab
Home Settings Content h Prev Tab l Next Tab
50%
Snapshot (no differences to highlight)
Home Settings Content h Prev Tab l Next Tab
TestSnapshot_TabBar_NavigationWrapToFirst PASSED
After SelectNext on last tab, first tab 'Home' is now active. Demonstrates wrap-around navigation.
Expected
Home Settings Profile
Actual
Home Settings Profile
Overlay: Expected + Actual
Home Settings Profile
Home Settings Profile
50%
Snapshot (no differences to highlight)
Home Settings Profile
TestSnapshot_TabBar_NavigationWrapToLast PASSED
After SelectPrevious on first tab, last tab 'Profile' is now active. Demonstrates wrap-around navigation.
Expected
Home Settings Profile
Actual
Home Settings Profile
Overlay: Expected + Actual
Home Settings Profile
Home Settings Profile
50%
Snapshot (no differences to highlight)
Home Settings Profile
TestSnapshot_TabBar_RemoveActiveTab_ShiftsToNext PASSED
After removing middle active tab 'Settings', 'Profile' (next tab) becomes active. Two tabs remain.
Expected
Home Profile
Actual
Home Profile
Overlay: Expected + Actual
Home Profile
Home Profile
50%
Snapshot (no differences to highlight)
Home Profile
TestSnapshot_TabBar_RemoveActiveTab_ShiftsToPrevious PASSED
After removing last active tab 'Profile', 'Settings' (previous tab) becomes active. Two tabs remain.
Expected
Home Settings
Actual
Home Settings
Overlay: Expected + Actual
Home Settings
Home Settings
50%
Snapshot (no differences to highlight)
Home Settings
TestSnapshot_TabBar_RemoveOnlyTab PASSED
After removing the only tab, tab bar is empty with no tabs rendered.
Expected
Actual
Overlay: Expected + Actual
50%
Snapshot (no differences to highlight)
TestSnapshot_TabBar_AfterMoveTabLeft PASSED
After MoveTabLeft, order is 'Settings' (active), 'Home', 'Profile'. Settings moved from middle to first.
Expected
Settings Home Profile
Actual
Settings Home Profile
Overlay: Expected + Actual
Settings Home Profile
Settings Home Profile
50%
Snapshot (no differences to highlight)
Settings Home Profile
TestSnapshot_TabBar_AfterMoveTabRight PASSED
After MoveTabRight, order is 'Home', 'Profile', 'Settings' (active). Settings moved from middle to last.
Expected
Home Profile Settings
Actual
Home Profile Settings
Overlay: Expected + Actual
Home Profile Settings
Home Profile Settings
50%
Snapshot (no differences to highlight)
Home Profile Settings
TestSnapshot_TabBar_AfterAddTab PASSED
After AddTab, three tabs shown: 'Home' (active), 'Settings', 'New Tab'. New tab appended at end.
Expected
Home Settings New Tab
Actual
Home Settings New Tab
Overlay: Expected + Actual
Home Settings New Tab
Home Settings New Tab
50%
Snapshot (no differences to highlight)
Home Settings New Tab
TestSnapshot_TabBar_AfterInsertTabAtStart PASSED
After InsertTab at index 0, order is 'First', 'Home' (active), 'Settings'. New tab inserted at start.
Expected
First Home Settings
Actual
First Home Settings
Overlay: Expected + Actual
First Home Settings
First Home Settings
50%
Snapshot (no differences to highlight)
First Home Settings
TestSnapshot_TabBar_AfterInsertTabInMiddle PASSED
After InsertTab at index 1, order is 'Home' (active), 'Middle', 'Settings'. New tab inserted in middle.
Expected
Home Middle Settings
Actual
Home Middle Settings
Overlay: Expected + Actual
Home Middle Settings
Home Middle Settings
50%
Snapshot (no differences to highlight)
Home Middle Settings
TestSnapshot_TabBar_AddTabToEmpty PASSED
After adding tab to empty state, 'First Tab' is shown and automatically becomes active.
Expected
First Tab
Actual
First Tab
Overlay: Expected + Actual
First Tab
First Tab
50%
Snapshot (no differences to highlight)
First Tab
TestSnapshot_TabBar_AfterSetLabel PASSED
After SetLabel, first tab shows 'Dashboard' (active) instead of 'Home'. Second tab 'Settings' unchanged.
Expected
Dashboard Settings
Actual
Dashboard Settings
Overlay: Expected + Actual
Dashboard Settings
Dashboard Settings
50%
Snapshot (no differences to highlight)
Dashboard Settings
TestSnapshot_TabBar_KeybindBar_WithClosable PASSED
TabBar with Closable=true. KeybindBar shows h/l navigation keybinds. Tabs have close buttons (×).
Expected
Home × Settings × Content h Prev Tab l Next Tab
Actual
Home × Settings × Content h Prev Tab l Next Tab
Overlay: Expected + Actual
Home × Settings × Content h Prev Tab l Next Tab
Home × Settings × Content h Prev Tab l Next Tab
50%
Snapshot (no differences to highlight)
Home × Settings × Content h Prev Tab l Next Tab
TestSnapshot_TabBar_KeybindBar_WithAllowReorder PASSED
TabBar with AllowReorder=true. KeybindBar shows ctrl+h 'Move Left', ctrl+l 'Move Right' in addition to navigation.
Expected
Home Settings Content h Prev Tab l Next Tab ctrl+h Move Left ctrl+l Move Right
Actual
Home Settings Content h Prev Tab l Next Tab ctrl+h Move Left ctrl+l Move Right
Overlay: Expected + Actual
Home Settings Content h Prev Tab l Next Tab ctrl+h Move Left ctrl+l Move Right
Home Settings Content h Prev Tab l Next Tab ctrl+h Move Left ctrl+l Move Right
50%
Snapshot (no differences to highlight)
Home Settings Content h Prev Tab l Next Tab ctrl+h Move Left ctrl+l Move Right
TestSnapshot_TabBar_KeybindBar_WithAltNumbers PASSED
TabBar with Alt+Numbers pattern. KeybindBar shows standard h/l navigation (position keybinds are hidden).
Expected
Home Settings Content h Prev Tab l Next Tab
Actual
Home Settings Content h Prev Tab l Next Tab
Overlay: Expected + Actual
Home Settings Content h Prev Tab l Next Tab
Home Settings Content h Prev Tab l Next Tab
50%
Snapshot (no differences to highlight)
Home Settings Content h Prev Tab l Next Tab
TestSnapshot_TabBar_KeybindBar_WithCtrlNumbers PASSED
TabBar with Ctrl+Numbers pattern. KeybindBar shows standard h/l navigation (position keybinds are hidden).
Expected
Home Settings Content h Prev Tab l Next Tab
Actual
Home Settings Content h Prev Tab l Next Tab
Overlay: Expected + Actual
Home Settings Content h Prev Tab l Next Tab
Home Settings Content h Prev Tab l Next Tab
50%
Snapshot (no differences to highlight)
Home Settings Content h Prev Tab l Next Tab
TestSnapshot_TabView_AfterTabSwitch PASSED
After SelectNext, TabView shows 'Settings' tab active with 'Settings content here' displayed below.
Expected
Home Settings Settings content here
Actual
Home Settings Settings content here
Overlay: Expected + Actual
Home Settings Settings content here
Home Settings Settings content here
50%
Snapshot (no differences to highlight)
Home Settings Settings content here
TestSnapshot_TabView_ContentPreservedAcrossSwitch PASSED
After switching away and back, 'Home' tab content (3 lines) is still displayed correctly.
Expected
Home Other Line 1 Line 2 Line 3
Actual
Home Other Line 1 Line 2 Line 3
Overlay: Expected + Actual
Home Other Line 1 Line 2 Line 3
Home Other Line 1 Line 2 Line 3
50%
Snapshot (no differences to highlight)
Home Other Line 1 Line 2 Line 3
TestSnapshot_TabView_WithClosableAndReorder PASSED
TabView with Closable and AllowReorder. Shows tabs with × buttons and reorder keybinds in KeybindBar.
Expected
main.go × test.go × util.go × package main h Prev Tab l Next Tab ctrl+h Move Left ctrl+l Move Right
Actual
main.go × test.go × util.go × package main h Prev Tab l Next Tab ctrl+h Move Left ctrl+l Move Right
Overlay: Expected + Actual
main.go × test.go × util.go × package main h Prev Tab l Next Tab ctrl+h Move Left ctrl+l Move Right
main.go × test.go × util.go × package main h Prev Tab l Next Tab ctrl+h Move Left ctrl+l Move Right
50%
Snapshot (no differences to highlight)
main.go × test.go × util.go × package main h Prev Tab l Next Tab ctrl+h Move Left ctrl+l Move Right
TestSnapshot_TextArea_WrapOn PASSED
TextArea with wrapping enabled. First line on row 1, second line wraps to additional rows. Cursor at start.
Expected
F irst line Second line is long en ough to wra
Actual
F irst line Second line is long en ough to wra
Overlay: Expected + Actual
F irst line Second line is long en ough to wra
F irst line Second line is long en ough to wra
50%
Snapshot (no differences to highlight)
F irst line Second line is long en ough to wra
TestSnapshot_TextArea_WrapOff PASSED
TextArea with wrapping disabled. Long line scrolls horizontally so the cursor at the end is visible.
Expected
789ABCDEF
Actual
789ABCDEF
Overlay: Expected + Actual
789ABCDEF
789ABCDEF
50%
Snapshot (no differences to highlight)
789ABCDEF
TestSnapshot_TextArea_Selection PASSED
TextArea with 'hello' selected using theme Selection colors.
Expected
hello world
Actual
hello world
Overlay: Expected + Actual
hello world
hello world
50%
Snapshot (no differences to highlight)
hello world
TestSnapshot_TextArea_Selection_MultiLine PASSED
TextArea with multi-line selection spanning from 'line' on first row through part of second row.
Expected
first line second l ine third line
Actual
first line second l ine third line
Overlay: Expected + Actual
first line second l ine third line
first line second l ine third line
50%
Snapshot (no differences to highlight)
first line second l ine third line
TestSplitPane_Horizontal PASSED
Horizontal split at 50%
Expected
Left pane │ Right pane │ │ │ │ │ │ │ │ │
Actual
Left pane │ Right pane │ │ │ │ │ │ │ │ │
Overlay: Expected + Actual
Left pane │ Right pane │ │ │ │ │ │ │ │ │
Left pane │ Right pane │ │ │ │ │ │ │ │ │
50%
Snapshot (no differences to highlight)
Left pane │ Right pane │ │ │ │ │ │ │ │ │
TestSplitPane_Vertical PASSED
Vertical split at 30%
Expected
Top pane ──────────────────────────────────────── Bottom pane
Actual
Top pane ──────────────────────────────────────── Bottom pane
Overlay: Expected + Actual
Top pane ──────────────────────────────────────── Bottom pane
Top pane ──────────────────────────────────────── Bottom pane
50%
Snapshot (no differences to highlight)
Top pane ──────────────────────────────────────── Bottom pane
TestSplitPane_DisableFocus PASSED
Attempting to focus SplitPane by ID should fail when DisableFocus=true; divider remains in unfocused color (red), not the focus gradient
Expected
Child │ Right │ │ │ │
Actual
Child │ Right │ │ │ │
Overlay: Expected + Actual
Child │ Right │ │ │ │
Child │ Right │ │ │ │
50%
Snapshot (no differences to highlight)
Child │ Right │ │ │ │
TestSnapshot_TextArea_ReadOnly PASSED
TextArea in read-only mode with cursor on line 2. Cursor should be visible but editing is disabled.
Expected
line 1 l i ne 2 line 3
Actual
line 1 l i ne 2 line 3
Overlay: Expected + Actual
line 1 l i ne 2 line 3
line 1 l i ne 2 line 3
50%
Snapshot (no differences to highlight)
line 1 l i ne 2 line 3
focused PASSED
Empty TextInput with placeholder, focused. First placeholder character should be visible under cursor (reversed).
Expected
T ype here...
Actual
T ype here...
Overlay: Expected + Actual
T ype here...
T ype here...
50%
Snapshot (no differences to highlight)
T ype here...
unfocused PASSED
Empty TextInput with placeholder, unfocused. Full placeholder text visible without cursor.
Expected
[] Type here...
Actual
[] Type here...
Overlay: Expected + Actual
[] Type here...
[] Type here...
50%
Snapshot (no differences to highlight)
[] Type here...
partial PASSED
TextInput with 'hello' selected (first 5 chars). Selection should be highlighted.
Expected
hello world
Actual
hello world
Overlay: Expected + Actual
hello world
hello world
50%
Snapshot (no differences to highlight)
hello world
select-all PASSED
TextInput with all text selected. Entire text should be highlighted with cursor at end.
Expected
hello world
Actual
hello world
Overlay: Expected + Actual
hello world
hello world
50%
Snapshot (no differences to highlight)
hello world
middle PASSED
TextInput with 'world' selected in middle. Only 'world' should be highlighted.
Expected
hello world foo
Actual
hello world foo
Overlay: Expected + Actual
hello world foo
hello world foo
50%
Snapshot (no differences to highlight)
hello world foo
TestSnapshot_TextInput_ReadOnly PASSED
TextInput in read-only mode with cursor in middle. Cursor should be visible but editing is disabled.
Expected
read- o nly text
Actual
read- o nly text
Overlay: Expected + Actual
read- o nly text
read- o nly text
50%
Snapshot (no differences to highlight)
read- o nly text
TestTooltip_ChildRendersWithoutFocus PASSED
Button '[Click me]' at top-left. No tooltip visible because button is not focused.
Expected
[ Click me ]
Actual
[ Click me ]
Overlay: Expected + Actual
[ Click me ]
[ Click me ]
50%
Snapshot (no differences to highlight)
[ Click me ]
TestTooltip_Position_Top_Visible PASSED
Button '[Target]' at row 3. Tooltip ' Help text ' on surface background positioned directly ABOVE button (no gap). Tooltip horizontally centered over button.
Expected
Help text [ Target ]
Actual
Help text [ Target ]
Overlay: Expected + Actual
Help text [ Target ]
Help text [ Target ]
50%
Snapshot (no differences to highlight)
Help text [ Target ]
TestTooltip_Position_Bottom_Visible PASSED
Button '[Target]' at row 0. Tooltip ' Help text ' on surface background positioned directly BELOW button (no gap). Tooltip horizontally centered under button.
Expected
[ Target ] Help text
Actual
[ Target ] Help text
Overlay: Expected + Actual
[ Target ] Help text
[ Target ] Help text
50%
Snapshot (no differences to highlight)
[ Target ] Help text
TestTooltip_Position_Left_Visible PASSED
Tooltip ' Help ' on left, then button '[Target]' on right (no gap between them).
Expected
Help [ Target ]
Actual
Help [ Target ]
Overlay: Expected + Actual
Help [ Target ]
Help [ Target ]
50%
Snapshot (no differences to highlight)
Help [ Target ]
TestTooltip_Position_Right_Visible PASSED
Button '[Target]' on left, then tooltip ' Help ' on right (no gap between them).
Expected
[ Target ] Help
Actual
[ Target ] Help
Overlay: Expected + Actual
[ Target ] Help
[ Target ] Help
50%
Snapshot (no differences to highlight)
[ Target ] Help
TestTooltip_RichText_Visible PASSED
Button '[Save]' at top. Tooltip below with ' Ctrl+S to save ' where 'Ctrl+S' is BOLD. Surface background, 1-cell horizontal padding.
Expected
[ Save ] Ctrl+S to save
Actual
[ Save ] Ctrl+S to save
Overlay: Expected + Actual
[ Save ] Ctrl+S to save
[ Save ] Ctrl+S to save
50%
Snapshot (no differences to highlight)
[ Save ] Ctrl+S to save
TestTooltip_CustomStyle_Visible PASSED
Button '[Target]' at top. Tooltip below with DOUBLE-LINE border, dark blue background (#323264), white text 'Styled', 1 cell padding on all sides.
Expected
[ Target ] ╔════════╗ ║ ║ ║ Styled ║ ║ ║ ╚════════╝
Actual
[ Target ] ╔════════╗ ║ ║ ║ Styled ║ ║ ║ ╚════════╝
Overlay: Expected + Actual
[ Target ] ╔════════╗ ║ ║ ║ Styled ║ ║ ║ ╚════════╝
[ Target ] ╔════════╗ ║ ║ ║ Styled ║ ║ ║ ╚════════╝
50%
Snapshot (no differences to highlight)
[ Target ] ╔════════╗ ║ ║ ║ Styled ║ ║ ║ ╚════════╝
TestTooltip_CustomOffset_Visible PASSED
Button '[Target]' at top. Tooltip ' Help ' below with 2 empty rows between button and tooltip.
Expected
[ Target ] Help
Actual
[ Target ] Help
Overlay: Expected + Actual
[ Target ] Help
[ Target ] Help
50%
Snapshot (no differences to highlight)
[ Target ] Help
TestTooltip_InColumn_Layout PASSED
Vertical stack: 'Header' at top, '[Click me]' button in middle, 'Footer' at bottom. NO tooltip visible.
Expected
Header [ Click me ] Footer
Actual
Header [ Click me ] Footer
Overlay: Expected + Actual
Header [ Click me ] Footer
Header [ Click me ] Footer
50%
Snapshot (no differences to highlight)
Header [ Click me ] Footer
TestTooltip_InRow_Layout PASSED
Horizontal row: 'Left', then '[Center]' button, then 'Right'. NO tooltip visible.
Expected
Left [ Center ] Right
Actual
Left [ Center ] Right
Overlay: Expected + Actual
Left [ Center ] Right
Left [ Center ] Right
50%
Snapshot (no differences to highlight)
Left [ Center ] Right
TestSnapshot_Tree_Basic PASSED
Expanded tree with indicators and indentation for nested nodes
Expected
▼ Project ├─ README.md └─ ▼ cmd └─ main.go LICENSE
Actual
▼ Project ├─ README.md └─ ▼ cmd └─ main.go LICENSE
Overlay: Expected + Actual
▼ Project ├─ README.md └─ ▼ cmd └─ main.go LICENSE
▼ Project ├─ README.md └─ ▼ cmd └─ main.go LICENSE
50%
Snapshot (no differences to highlight)
▼ Project ├─ README.md └─ ▼ cmd └─ main.go LICENSE
TestSnapshot_Tree_Collapsed PASSED
Root node collapsed with collapse indicator and only top-level nodes visible
Expected
▶ Project LICENSE
Actual
▶ Project LICENSE
Overlay: Expected + Actual
▶ Project LICENSE
▶ Project LICENSE
50%
Snapshot (no differences to highlight)
▶ Project LICENSE
TestSnapshot_Tree_Filter PASSED
Filtered view showing Project -> cmd -> main.go with ancestors dimmed and match highlighted
Expected
▼ Project └─▼ cmd └─ main .go
Actual
▼ Project └─▼ cmd └─ main .go
Overlay: Expected + Actual
▼ Project └─▼ cmd └─ main .go
▼ Project └─▼ cmd └─ main .go
50%
Snapshot (no differences to highlight)
▼ Project └─▼ cmd └─ main .go